impact-ui 5.0.1 → 5.0.2-beta.1

package/dist/node_modules/@lottiefiles/dotlottie-react/dist/index.js

@@ -0,0 +1,87 @@
+import { DotLottie as xe } from "../../dotlottie-web/dist/index.js";
+import { useRef, useCallback, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+const o = ({ animationId: e, autoplay: t, backgroundColor: o2, className: s2, createDotLottie: c2, data: l, dotLottieRefCallback: u, layout: d, loop: f, loopCount: p, mode: m, playOnHover: h, renderConfig: g, segment: _, speed: v, src: y, stateMachineConfig: b, stateMachineId: x, style: S, themeData: C, themeId: w, useFrameInterpolation: T, workerId: E, ...D }) => {
+  var _a, _b;
+  let O = useRef(null), k = useRef(null), A = useRef(y), j = useRef(u), M = useRef(null), N = { speed: v, mode: m, loop: f, loopCount: p, useFrameInterpolation: T, segment: _, backgroundColor: o2, autoplay: t, themeId: w, workerId: E, src: y, data: l, layout: d, renderConfig: g, animationId: e, stateMachineConfig: b, stateMachineId: x }, P = useRef(N);
+  j.current = u, P.current = N;
+  let F = useCallback((e2) => {
+    var _a2, _b2;
+    if (k.current = e2, e2) {
+      let t2 = M.current;
+      t2 && t2.canvas === e2 ? (clearTimeout(t2.timer), M.current = null, O.current = t2.instance) : ((_a2 = O.current) == null ? void 0 : _a2.canvas) !== e2 && (O.current = c2({ ...P.current, canvas: e2 }));
+    } else if (O.current) {
+      let e3 = O.current, t2 = e3.canvas;
+      O.current = null, t2 instanceof HTMLCanvasElement ? M.current = { canvas: t2, instance: e3, timer: setTimeout(() => {
+        var _a3;
+        ((_a3 = M.current) == null ? void 0 : _a3.instance) === e3 && (M.current = null), e3.destroy();
+      }, 0) } : e3.destroy();
+    }
+    (_b2 = j.current) == null ? void 0 : _b2.call(j, O.current);
+  }, []);
+  return useEffect(() => {
+    var _a2, _b2;
+    let e2 = (e3) => {
+      var _a3, _b3;
+      h && (e3.type === `mouseenter` && ((_a3 = O.current) == null ? void 0 : _a3.play()), e3.type === `mouseleave` && ((_b3 = O.current) == null ? void 0 : _b3.pause()));
+    };
+    return (_a2 = k.current) == null ? void 0 : _a2.addEventListener(`mouseenter`, e2), (_b2 = k.current) == null ? void 0 : _b2.addEventListener(`mouseleave`, e2), () => {
+      var _a3, _b3;
+      (_a3 = k.current) == null ? void 0 : _a3.removeEventListener(`mouseenter`, e2), (_b3 = k.current) == null ? void 0 : _b3.removeEventListener(`mouseleave`, e2);
+    };
+  }, [h]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setSpeed(v ?? 1);
+  }, [v]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setMode(m ?? `forward`);
+  }, [m]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setLoop(f ?? false);
+  }, [f]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setLoopCount(p ?? 0);
+  }, [p]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setUseFrameInterpolation(T ?? true);
+  }, [T]), useEffect(() => {
+    var _a2, _b2;
+    typeof (_ == null ? void 0 : _[0]) == `number` && typeof _[1] == `number` ? (_a2 = O.current) == null ? void 0 : _a2.setSegment(_[0], _[1]) : (_b2 = O.current) == null ? void 0 : _b2.resetSegment();
+  }, [_]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setBackgroundColor(o2 ?? ``);
+  }, [o2]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setRenderConfig(g ?? {});
+  }, [JSON.stringify(g)]), useEffect(() => {
+    var _a2;
+    typeof l != `string` && typeof l != `object` || ((_a2 = O.current) == null ? void 0 : _a2.load({ data: l, ...P.current }));
+  }, [l]), useEffect(() => {
+    var _a2;
+    y !== A.current && (A.current = y, typeof y == `string` && ((_a2 = O.current) == null ? void 0 : _a2.load({ src: y, ...P.current })));
+  }, [y]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setMarker(D.marker ?? ``);
+  }, [D.marker]), useEffect(() => {
+    var _a2;
+    ((_a2 = O.current) == null ? void 0 : _a2.isLoaded) && O.current.activeAnimationId !== e && O.current.loadAnimation(e ?? ``);
+  }, [e]), useEffect(() => {
+    var _a2;
+    typeof w == `string` && ((_a2 = O.current) == null ? void 0 : _a2.setTheme(w));
+  }, [w]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setThemeData(C ?? ``);
+  }, [C]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.setLayout(d ?? {});
+  }, [d == null ? void 0 : d.fit, (_a = d == null ? void 0 : d.align) == null ? void 0 : _a[0], (_b = d == null ? void 0 : d.align) == null ? void 0 : _b[1]]), useEffect(() => {
+    var _a2;
+    ((_a2 = O.current) == null ? void 0 : _a2.isLoaded) && (typeof x == `string` && x ? O.current.stateMachineLoad(x) && O.current.stateMachineStart() : O.current.stateMachineStop());
+  }, [x]), useEffect(() => {
+    var _a2;
+    (_a2 = O.current) == null ? void 0 : _a2.stateMachineSetConfig(b ?? null);
+  }, [b]), jsx(`div`, { className: s2, ...!s2 && { style: { width: `100%`, height: `100%`, lineHeight: 0, ...S } }, children: jsx(`canvas`, { ref: F, style: { width: `100%`, height: `100%` }, ...D }) });
+}, s = (t) => new xe(t), c = (e) => jsx(o, { ...e, createDotLottie: s });
+export {
+  c as DotLottieReact
+};