fluent-styles 1.54.0 → 1.55.0

package/lib/module/loading/circular.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import React, { useRef, useMemo, useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
+import { Svg, Circle } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STROKE_WIDTH = 2;
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+const useSvgLoop = (animatedValue, initValue, config) => {
+  useEffect(() => {
+    animatedValue.setValue(initValue);
+    const animation = Animated.timing(animatedValue, {
+      toValue: config.toValue,
+      duration: config.duration,
+      easing: Easing.linear,
+      useNativeDriver: false
+    });
+    const loop = Animated.loop(animation);
+    loop.start();
+    return () => loop.stop();
+  }, [animatedValue, initValue, config.duration, config.toValue]);
+};
+const Circular = ({
+  size = 32,
+  color = '#888888',
+  duration = 800,
+  style,
+  ...restProps
+}) => {
+  const animatedRotation = useRef(new Animated.Value(0)).current;
+  const animatedCircle1 = useRef(new Animated.Value(0)).current;
+  const animatedCircle2 = useRef(new Animated.Value(0)).current;
+  const circle1Props = useMemo(() => {
+    const center = Math.floor(size / 2);
+    const radius = Math.floor(center - STROKE_WIDTH / 2);
+    return {
+      cy: center,
+      cx: center,
+      r: radius
+    };
+  }, [size]);
+  const circle2Props = useMemo(() => {
+    const center = Math.floor(size / 2);
+    const radius = Math.floor(center - STROKE_WIDTH / 2 - center / 2);
+    return {
+      cy: center,
+      cx: center,
+      r: radius
+    };
+  }, [size]);
+  const half1Circle = useMemo(() => circle1Props.r * Math.PI, [circle1Props.r]);
+  const half2Circle = useMemo(() => circle2Props.r * Math.PI, [circle2Props.r]);
+  useEffect(() => {
+    animatedRotation.setValue(0);
+    const rotation = Animated.loop(Animated.timing(animatedRotation, {
+      toValue: 1,
+      duration,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }));
+    rotation.start();
+    return () => rotation.stop();
+  }, [animatedRotation, duration]);
+  useSvgLoop(animatedCircle1, half1Circle, {
+    toValue: -half1Circle * 2,
+    duration: duration * 1.5
+  });
+  useSvgLoop(animatedCircle2, half2Circle, {
+    toValue: -half2Circle * 2,
+    duration: duration * 2.5
+  });
+  const iconStyle = {
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: size,
+    height: size,
+    transform: [{
+      rotateZ: animatedRotation.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['-90deg', '270deg']
+      })
+    }]
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...restProps,
+    style: [iconStyle, style],
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: "100%",
+      height: "100%",
+      children: [/*#__PURE__*/_jsx(AnimatedCircle, {
+        ...circle1Props,
+        stroke: color,
+        strokeWidth: STROKE_WIDTH,
+        strokeDasharray: `${half1Circle},${half1Circle * 2}`,
+        strokeLinecap: "round",
+        strokeDashoffset: animatedCircle1,
+        fill: "none"
+      }), /*#__PURE__*/_jsx(AnimatedCircle, {
+        ...circle2Props,
+        stroke: color,
+        strokeWidth: STROKE_WIDTH,
+        strokeDasharray: `${half2Circle},${half2Circle * 2}`,
+        strokeLinecap: "round",
+        strokeDashoffset: animatedCircle2,
+        fill: "none"
+      })]
+    })
+  });
+};
+export { Circular };
+//# sourceMappingURL=circular.js.map

package/lib/module/loading/circular.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useMemo","useEffect","Animated","Easing","Svg","Circle","jsx","_jsx","jsxs","_jsxs","STROKE_WIDTH","AnimatedCircle","createAnimatedComponent","useSvgLoop","animatedValue","initValue","config","setValue","animation","timing","toValue","duration","easing","linear","useNativeDriver","loop","start","stop","Circular","size","color","style","restProps","animatedRotation","Value","current","animatedCircle1","animatedCircle2","circle1Props","center","Math","floor","radius","cy","cx","r","circle2Props","half1Circle","PI","half2Circle","rotation","iconStyle","justifyContent","alignItems","width","height","transform","rotateZ","interpolate","inputRange","outputRange","View","children","stroke","strokeWidth","strokeDasharray","strokeLinecap","strokeDashoffset","fill"],"sourceRoot":"../../../src","sources":["loading/circular.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/loading/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { Spinner } from "./spinner.js";
+export { Circular } from "./circular.js";
+export { Loader } from "./loader.js";
+export { useLoader } from "./useLoader.js";
+//# sourceMappingURL=index.js.map

package/lib/module/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spinner","Circular","Loader","useLoader"],"sourceRoot":"../../../src","sources":["loading/index.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,cAAW;AACnC,SAASC,QAAQ,QAAQ,eAAY;AAGrC,SAASC,MAAM,QAA8C,aAAU;AACvE,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/loading/loader.js

@@ -0,0 +1,242 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, StyleSheet, Text, useColorScheme, View } from 'react-native';
+import { resolveTheme } from "../utiles/theme.js";
+import { Circular } from "./circular.js";
+
+// ─── Loader colour tokens ─────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LOADER_LIGHT = {
+  indicator: '#6366f1',
+  overlayBg: 'rgba(0,0,0,0.35)',
+  cardBg: '#ffffff',
+  cardBorder: '#e4e4e7',
+  label: '#3f3f46'
+};
+export const LOADER_DARK = {
+  indicator: '#818cf8',
+  overlayBg: 'rgba(0,0,0,0.6)',
+  cardBg: 'rgba(0,0,0,0.6)',
+  cardBorder: '#3f3f46',
+  label: '#e4e4e7'
+};
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Indicators ───────────────────────────────────────────────────────────────
+
+const Spinner = ({
+  color
+}) => {
+  const rotate = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.loop(Animated.timing(rotate, {
+      toValue: 1,
+      duration: 800,
+      easing: Easing.linear,
+      useNativeDriver: true
+    })).start();
+  }, []);
+  const spin = rotate.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [ind.ring, {
+      borderTopColor: color,
+      transform: [{
+        rotate: spin
+      }]
+    }]
+  });
+};
+const Pulse = ({
+  color
+}) => {
+  const scale = useRef(new Animated.Value(1)).current;
+  const opacity = useRef(new Animated.Value(0.8)).current;
+  useEffect(() => {
+    Animated.loop(Animated.parallel([Animated.sequence([Animated.timing(scale, {
+      toValue: 1.6,
+      duration: 700,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: true
+    }), Animated.timing(scale, {
+      toValue: 1,
+      duration: 700,
+      easing: Easing.in(Easing.ease),
+      useNativeDriver: true
+    })]), Animated.sequence([Animated.timing(opacity, {
+      toValue: 0.1,
+      duration: 700,
+      useNativeDriver: true
+    }), Animated.timing(opacity, {
+      toValue: 0.8,
+      duration: 700,
+      useNativeDriver: true
+    })])])).start();
+  }, []);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [ind.pulse, {
+      backgroundColor: color,
+      opacity,
+      transform: [{
+        scale
+      }]
+    }]
+  });
+};
+const Dots = ({
+  color
+}) => {
+  const anims = [useRef(new Animated.Value(0)).current, useRef(new Animated.Value(0)).current, useRef(new Animated.Value(0)).current];
+  useEffect(() => {
+    const seq = (anim, delay) => Animated.loop(Animated.sequence([Animated.delay(delay), Animated.timing(anim, {
+      toValue: -8,
+      duration: 300,
+      useNativeDriver: true
+    }), Animated.timing(anim, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), Animated.delay(600 - delay)]));
+    anims.forEach((a, i) => seq(a, i * 150).start());
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    style: ind.dotsRow,
+    children: anims.map((anim, i) => /*#__PURE__*/_jsx(Animated.View, {
+      style: [ind.dot, {
+        backgroundColor: color,
+        transform: [{
+          translateY: anim
+        }]
+      }]
+    }, i))
+  });
+};
+const ind = StyleSheet.create({
+  ring: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    borderWidth: 3,
+    borderColor: 'transparent'
+  },
+  pulse: {
+    width: 28,
+    height: 28,
+    borderRadius: 14
+  },
+  dotsRow: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5
+  }
+});
+
+// ─── Main component ───────────────────────────────────────────────────────────
+
+export const Loader = ({
+  label,
+  variant = 'spinner',
+  color: colorProp,
+  overlay = false,
+  theme = 'dark',
+  colors: colorOverrides
+}) => {
+  const deviceScheme = useColorScheme();
+  const colors = useMemo(() => {
+    const base = resolveTheme(theme, deviceScheme) === 'light' ? LOADER_LIGHT : LOADER_DARK;
+    return colorOverrides ? {
+      ...base,
+      ...colorOverrides
+    } : base;
+  }, [theme, deviceScheme, colorOverrides]);
+
+  // `color` prop overrides the theme's indicator tint
+  const tint = colorProp ?? colors.indicator;
+  const indicator = {
+    spinner: /*#__PURE__*/_jsx(Spinner, {
+      color: tint
+    }),
+    pulse: /*#__PURE__*/_jsx(Pulse, {
+      color: tint
+    }),
+    dots: /*#__PURE__*/_jsx(Dots, {
+      color: tint
+    }),
+    circular: /*#__PURE__*/_jsx(Circular, {
+      color: tint
+    })
+  }[variant];
+  if (overlay) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.overlay, {
+        backgroundColor: colors.overlayBg
+      }],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.card, {
+          backgroundColor: colors.cardBg,
+          borderColor: colors.cardBorder
+        }],
+        children: [indicator, label ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.label, {
+            color: colors.label
+          }],
+          children: label
+        }) : null]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.inline,
+    children: [indicator, label ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        color: colors.label
+      }],
+      children: label
+    }) : null]
+  });
+};
+
+// ─── Styles (layout only) ─────────────────────────────────────────────────────
+
+const styles = StyleSheet.create({
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  card: {
+    borderWidth: 0,
+    borderRadius: 16,
+    paddingVertical: 32,
+    paddingHorizontal: 40,
+    alignItems: 'center',
+    gap: 16,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 16
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  inline: {
+    alignItems: 'center',
+    gap: 12,
+    borderWidth: 0
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '500',
+    letterSpacing: 0.2
+  }
+});
+//# sourceMappingURL=loader.js.map

package/lib/module/loading/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","Easing","StyleSheet","Text","useColorScheme","View","resolveTheme","Circular","jsx","_jsx","jsxs","_jsxs","LOADER_LIGHT","indicator","overlayBg","cardBg","cardBorder","label","LOADER_DARK","Spinner","color","rotate","Value","current","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","spin","interpolate","inputRange","outputRange","style","ind","ring","borderTopColor","transform","Pulse","scale","opacity","parallel","sequence","out","ease","in","pulse","backgroundColor","Dots","anims","seq","anim","delay","forEach","a","i","dotsRow","children","map","dot","translateY","create","width","height","borderRadius","borderWidth","borderColor","flexDirection","gap","Loader","variant","colorProp","overlay","theme","colors","colorOverrides","deviceScheme","base","tint","spinner","dots","circular","styles","card","inline","absoluteFillObject","alignItems","justifyContent","paddingVertical","paddingHorizontal","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","fontSize","fontWeight","letterSpacing"],"sourceRoot":"../../../src","sources":["loading/loader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/loading/spinner.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React, { useRef, useEffect } from 'react';
+import { View, Animated, StyleSheet, Easing } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const PETAL_COUNT = 8;
+const PETALS = new Array(PETAL_COUNT).fill(0);
+const A_OPACITY = 1 / PETAL_COUNT;
+const A_ROTATE = 360 / PETAL_COUNT;
+const useLoop = (animatedValue, config) => {
+  useEffect(() => {
+    const animation = Animated.timing(animatedValue, {
+      toValue: config.toValue,
+      duration: config.duration,
+      easing: config.easing,
+      useNativeDriver: true
+    });
+    const loop = Animated.loop(animation);
+    loop.start();
+    return () => loop.stop();
+  }, [animatedValue, config.duration, config.toValue, config.easing]);
+};
+const Spinner = ({
+  size = 32,
+  color = '#888888',
+  duration = 800,
+  style,
+  ...restProps
+}) => {
+  const animatedValue = useRef(new Animated.Value(0)).current;
+  useLoop(animatedValue, {
+    toValue: 1,
+    duration,
+    easing: Easing.linear
+  });
+  const rotate = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...restProps,
+    style: [styles.icon, {
+      width: size,
+      height: size,
+      transform: [{
+        rotateZ: rotate
+      }]
+    }, style],
+    children: PETALS.map((_, i) => /*#__PURE__*/_jsx(View, {
+      style: [styles.petal, {
+        opacity: A_OPACITY * (i + 1),
+        transform: [{
+          rotate: `${A_ROTATE * i}deg`
+        }]
+      }],
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.inner, {
+          backgroundColor: color
+        }]
+      })
+    }, i))
+  });
+};
+const styles = StyleSheet.create({
+  icon: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  petal: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    alignItems: 'center'
+  },
+  inner: {
+    width: 2,
+    height: '30%',
+    borderRadius: 1
+  }
+});
+export { Spinner };
+//# sourceMappingURL=spinner.js.map

package/lib/module/loading/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","View","Animated","StyleSheet","Easing","jsx","_jsx","PETAL_COUNT","PETALS","Array","fill","A_OPACITY","A_ROTATE","useLoop","animatedValue","config","animation","timing","toValue","duration","easing","useNativeDriver","loop","start","stop","Spinner","size","color","style","restProps","Value","current","linear","rotate","interpolate","inputRange","outputRange","styles","icon","width","height","transform","rotateZ","children","map","_","i","petal","opacity","inner","backgroundColor","create","justifyContent","alignItems","position","left","right","top","bottom","borderRadius"],"sourceRoot":"../../../src","sources":["loading/spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/loading/useLoader.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import React from 'react';
+import { usePortal } from "../portal/PortalContext.js";
+import { Loader } from "./index.js";
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+import { jsx as _jsx } from "react/jsx-runtime";
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+/**
+ * Declarative loader hook.
+ * Requires a `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const loader = useLoader()
+ *
+ * // Manual control
+ * const id = loader.show({ label: 'Saving…', variant: 'spinner' })
+ * await saveData()
+ * loader.hide(id)
+ *
+ * // Automatic via wrap()
+ * const result = await loader.wrap(() => fetchData(), { label: 'Loading…' })
+ * ```
+ */
+export function useLoader() {
+  const {
+    mount,
+    unmount
+  } = usePortal();
+
+  // Tracks the last shown loader id so callers who didn't store the id can
+  // still call hide() without arguments in simple single-loader flows.
+  const lastIdRef = useRef(null);
+  const show = useCallback((options = {}) => {
+    // Loader has no onDismiss callback, so no idBox dance needed here.
+    const id = mount(/*#__PURE__*/_jsx(Loader, {
+      ...options,
+      overlay: options.overlay ?? true
+    }), {
+      position: 'center'
+    });
+    lastIdRef.current = id;
+    return id;
+  }, [mount]);
+  const hide = useCallback(id => {
+    unmount(id);
+    if (lastIdRef.current === id) lastIdRef.current = null;
+  }, [unmount]);
+  return {
+    show,
+    hide
+  };
+}
+//# sourceMappingURL=useLoader.js.map

package/lib/module/loading/useLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","React","usePortal","Loader","jsx","_jsx","useLoader","mount","unmount","lastIdRef","show","options","id","overlay","position","current","hide"],"sourceRoot":"../../../src","sources":["loading/useLoader.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,MAAM,QAAqB,YAAI;;AAExC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAA,EAAc;EACrC,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGN,SAAS,CAAC,CAAC;;EAEtC;EACA;EACA,MAAMO,SAAS,GAAGT,MAAM,CAAgB,IAAI,CAAC;EAE7C,MAAMU,IAAI,GAAGX,WAAW,CACtB,CAACY,OAA0B,GAAG,CAAC,CAAC,KAAa;IAC3C;IACA,MAAMC,EAAE,GAAGL,KAAK,cACdF,IAAA,CAACF,MAAM;MAAA,GAAKQ,OAAO;MAAEE,OAAO,EAAEF,OAAO,CAACE,OAAO,IAAI;IAAK,CAAE,CAAC,EACzD;MAAEC,QAAQ,EAAE;IAAS,CACvB,CAAC;IACDL,SAAS,CAACM,OAAO,GAAGH,EAAE;IACtB,OAAOA,EAAE;EACX,CAAC,EACD,CAACL,KAAK,CACR,CAAC;EAED,MAAMS,IAAI,GAAGjB,WAAW,CACrBa,EAAU,IAAK;IACdJ,OAAO,CAACI,EAAE,CAAC;IACX,IAAIH,SAAS,CAACM,OAAO,KAAKH,EAAE,EAAEH,SAAS,CAACM,OAAO,GAAG,IAAI;EACxD,CAAC,EACD,CAACP,OAAO,CACV,CAAC;EAED,OAAO;IAAEE,IAAI;IAAEM;EAAK,CAAC;AACvB","ignoreList":[]}

package/lib/module/loading/useLoaderBinding.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { useLoader } from "./useLoader.js"; // adjust path
+import React, { useEffect } from "react";
+function useLoaderBinding(loading, options) {
+  const loader = useLoader();
+  const loaderIdRef = React.useRef(null);
+  useEffect(() => {
+    if (loading) {
+      if (loaderIdRef.current == null) {
+        loaderIdRef.current = loader.show(options);
+      }
+    } else {
+      if (loaderIdRef.current != null) {
+        loader.hide(loaderIdRef.current);
+        loaderIdRef.current = null;
+      }
+    }
+    return () => {
+      if (!loading && loaderIdRef.current != null) {
+        loader.hide(loaderIdRef.current);
+        loaderIdRef.current = null;
+      }
+    };
+  }, [loading, loader, options]);
+}
+export { useLoaderBinding };
+//# sourceMappingURL=useLoaderBinding.js.map

package/lib/module/loading/useLoaderBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLoader","React","useEffect","useLoaderBinding","loading","options","loader","loaderIdRef","useRef","current","show","hide"],"sourceRoot":"../../../src","sources":["loading/useLoaderBinding.tsx"],"mappings":";;AACA,SAASA,SAAS,QAA2B,gBAAa,CAAC,CAAC;AAC5D,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,gBAAgBA,CACvBC,OAAgB,EAChBC,OAIC,EACD;EACA,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,MAAMO,WAAW,GAAGN,KAAK,CAACO,MAAM,CAAgB,IAAI,CAAC;EAErDN,SAAS,CAAC,MAAM;IACd,IAAIE,OAAO,EAAE;MACX,IAAIG,WAAW,CAACE,OAAO,IAAI,IAAI,EAAE;QAC/BF,WAAW,CAACE,OAAO,GAAGH,MAAM,CAACI,IAAI,CAACL,OAAO,CAAC;MAC5C;IACF,CAAC,MAAM;MACL,IAAIE,WAAW,CAACE,OAAO,IAAI,IAAI,EAAE;QAC/BH,MAAM,CAACK,IAAI,CAACJ,WAAW,CAACE,OAAO,CAAC;QAChCF,WAAW,CAACE,OAAO,GAAG,IAAI;MAC5B;IACF;IAEA,OAAO,MAAM;MACX,IAAI,CAACL,OAAO,IAAIG,WAAW,CAACE,OAAO,IAAI,IAAI,EAAE;QAC3CH,MAAM,CAACK,IAAI,CAACJ,WAAW,CAACE,OAAO,CAAC;QAChCF,WAAW,CAACE,OAAO,GAAG,IAAI;MAC5B;IACF,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,EAAEE,MAAM,EAAED,OAAO,CAAC,CAAC;AAChC;AAEA,SAASF,gBAAgB","ignoreList":[]}