@mpxjs/webpack-plugin 2.10.15 → 2.10.16-beta.10

package/lib/runtime/components/react/dist/mpx-progress.jsx

@@ -17,12 +17,12 @@ import { View } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, runOnJS } from 'react-native-reanimated';
 import useInnerProps from './getInnerListeners';
 import useNodesRef from './useNodesRef';
-import { useLayout, useTransformStyle, extendObject } from './utils';
+import { useLayout, useTransformStyle, extendObject, useRunOnJSCallback } from './utils';
 import Portal from './mpx-portal';
 const Progress = forwardRef((props, ref) => {
-    const { percent = 0, 'stroke-width': strokeWidth = 6, color, activeColor = color || '#09BB07', backgroundColor = '#EBEBEB', active = false, 'active-mode': activeMode = 'backwards', duration = 30, bindactiveend, style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight } = props;
+    const { percent = 0, 'stroke-width': strokeWidth = 6, color, activeColor = color || '#09BB07', backgroundColor = '#EBEBEB', active = false, 'active-mode': activeMode = 'backwards', duration = 30, style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight } = props;
     const nodeRef = useRef(null);
-    const propsRef = useRef({});
+    const propsRef = useRef(props);
     propsRef.current = props;
     // 进度值状态
     const [lastPercent, setLastPercent] = useState(0);
@@ -44,6 +44,21 @@ const Progress = forwardRef((props, ref) => {
     useNodesRef(props, ref, nodeRef, {
         style: normalStyle
     });
+    // 使用 useRunOnJSCallback 处理动画回调
+    const runOnJSCallbackRef = useRef({
+        triggerActiveEnd: (percent) => {
+            const currentProps = propsRef.current;
+            if (currentProps.bindactiveend) {
+                currentProps.bindactiveend({
+                    type: 'activeend',
+                    detail: {
+                        percent: percent
+                    }
+                });
+            }
+        }
+    });
+    const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
     // 进度条动画函数
     const startProgressAnimation = (targetPercent, startPercent, animationDuration, onFinished) => {
         // 根据 active-mode 设置起始位置
@@ -53,22 +68,11 @@ const Progress = forwardRef((props, ref) => {
             easing: Easing.linear
         }, (finished) => {
             if (finished && onFinished) {
-                // 在动画回调中，需要使用runOnJS回到主线程
-                runOnJS(onFinished)();
+                // 在动画回调中，执行传入的worklet函数
+                onFinished();
             }
         });
     };
-    // 创建在主线程执行的事件回调函数
-    const triggerActiveEnd = (percent) => {
-        if (bindactiveend) {
-            bindactiveend({
-                type: 'activeend',
-                detail: {
-                    percent: percent
-                }
-            });
-        }
-    };
     // 进度变化时的动画效果
     useEffect(() => {
         const targetPercent = Math.max(0, Math.min(100, percent));
@@ -85,18 +89,18 @@ const Progress = forwardRef((props, ref) => {
             // 计算动画持续时间
             const percentDiff = Math.abs(targetPercent - startPercent);
             const animationDuration = percentDiff * duration;
-            // 创建动画完成回调
-            const onAnimationFinished = () => {
-                triggerActiveEnd(targetPercent);
-            };
             // 执行动画
-            startProgressAnimation(targetPercent, startPercent, animationDuration, onAnimationFinished);
+            startProgressAnimation(targetPercent, startPercent, animationDuration, () => {
+                'worklet';
+                // 在worklet函数内部执行runOnJS调用runOnJSCallback
+                runOnJS(runOnJSCallback)('triggerActiveEnd', targetPercent);
+            });
         }
         else {
             progressWidth.value = targetPercent;
         }
         setLastPercent(targetPercent);
-    }, [percent, active, activeMode, duration, bindactiveend]);
+    }, [percent, active, activeMode, duration]);
     // 初始化时设置进度值
     useEffect(() => {
         if (!active) {

package/lib/runtime/components/react/dist/mpx-radio-group.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ✔ bindchange
+ */
+import { ReactNode } from 'react';
+import { View, NativeSyntheticEvent, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface RadioGroupProps {
+    name: string;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children: ReactNode;
+    bindchange?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const radioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HandlerRef<View, RadioGroupProps>>>;
+export default radioGroup;
+//# sourceMappingURL=mpx-radio-group.d.ts.map

package/lib/runtime/components/react/dist/mpx-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-radio-group.d.ts","sourceRoot":"","sources":["../mpx-radio-group.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAIL,SAAS,EAKV,MAAM,OAAO,CAAA;AACd,OAAO,EACL,IAAI,EACJ,oBAAoB,EACpB,SAAS,EACV,MAAM,cAAc,CAAA;AAKrB,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAIvD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAG,OAAO,KAAK,IAAI,CAAA;CACvE;AAED,QAAA,MAAM,UAAU,+HA8Id,CAAA;AAIF,eAAe,UAAU,CAAA"}

package/lib/runtime/components/react/dist/mpx-radio.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ✔ value
+ * ✔ disabled
+ * ✔ checked
+ * ✔ color
+ */
+import { ReactNode } from 'react';
+import { View, ViewStyle, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface RadioProps {
+    value?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    color?: string;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children: ReactNode;
+    bindtap?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HandlerRef<View, RadioProps>>>;
+export default Radio;
+//# sourceMappingURL=mpx-radio.d.ts.map

package/lib/runtime/components/react/dist/mpx-radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-radio.d.ts","sourceRoot":"","sources":["../mpx-radio.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAgD,SAAS,EAAuD,MAAM,OAAO,CAAA;AACpI,OAAO,EAAE,IAAI,EAAc,SAAS,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAIhF,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKvD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAG,OAAO,KAAK,IAAI,CAAA;CACpE;AAoCD,QAAA,MAAM,KAAK,qHA8JV,CAAA;AAID,eAAe,KAAK,CAAA"}

package/lib/runtime/components/react/dist/mpx-rich-text/html.d.ts

@@ -0,0 +1,2 @@
+export declare const generateHTML: (html: string) => string;
+//# sourceMappingURL=html.d.ts.map

package/lib/runtime/components/react/dist/mpx-rich-text/html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../mpx-rich-text/html.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,SAAU,MAAM,WAsCxC,CAAA"}

package/lib/runtime/components/react/dist/mpx-rich-text/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/**
+ * ✔ nodes
+ */
+import { View, ViewProps, ViewStyle } from 'react-native';
+import { HandlerRef } from '../useNodesRef';
+type Node = {
+    type: 'node' | 'text';
+    name?: string;
+    attrs?: any;
+    children?: Array<Node>;
+    text: string;
+};
+interface _RichTextProps extends ViewProps {
+    style?: ViewStyle;
+    nodes: string | Array<Node>;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const _RichText: import("react").ForwardRefExoticComponent<_RichTextProps & import("react").RefAttributes<HandlerRef<View, _RichTextProps>>>;
+export default _RichText;
+//# sourceMappingURL=index.d.ts.map

package/lib/runtime/components/react/dist/mpx-rich-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../mpx-rich-text/index.tsx"],"names":[],"mappings":";AACA;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGzD,OAAoB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAMxD,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,UAAU,cAAe,SAAQ,SAAS;IACxC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAyBD,QAAA,MAAM,SAAS,6HA4Eb,CAAA;AAIF,eAAe,SAAS,CAAA"}

package/lib/runtime/components/react/dist/mpx-root-portal.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ✔ enable
+ */
+import { ReactNode } from 'react';
+interface RootPortalProps {
+    enable?: boolean;
+    children: ReactNode;
+    [x: string]: any;
+}
+declare const _RootPortal: {
+    (props: RootPortalProps): import("react").FunctionComponentElement<import("./mpx-portal/index").PortalProps>;
+    displayName: string;
+};
+export default _RootPortal;
+//# sourceMappingURL=mpx-root-portal.d.ts.map

package/lib/runtime/components/react/dist/mpx-root-portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-root-portal.d.ts","sourceRoot":"","sources":["../mpx-root-portal.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAA;AAG1D,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB;AAED,QAAA,MAAM,WAAW;YAAW,eAAe;;CAQ1C,CAAA;AAID,eAAe,WAAW,CAAA"}

package/lib/runtime/components/react/dist/mpx-scroll-view.d.ts

@@ -0,0 +1,55 @@
+import { View, NativeSyntheticEvent, NativeScrollEvent, ViewStyle } from 'react-native';
+import { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+import { GestureHandler } from './utils';
+interface ScrollViewProps {
+    children?: ReactNode;
+    enhanced?: boolean;
+    bounces?: boolean;
+    style?: ViewStyle;
+    'scroll-x'?: boolean;
+    'scroll-y'?: boolean;
+    'enable-back-to-top'?: boolean;
+    'show-scrollbar'?: boolean;
+    'paging-enabled'?: boolean;
+    'upper-threshold'?: number;
+    'lower-threshold'?: number;
+    'scroll-with-animation'?: boolean;
+    'refresher-triggered'?: boolean;
+    'refresher-enabled'?: boolean;
+    'refresher-default-style'?: 'black' | 'white' | 'none';
+    'refresher-background'?: string;
+    'refresher-threshold'?: number;
+    'scroll-top'?: number;
+    'scroll-left'?: number;
+    'enable-offset'?: boolean;
+    'scroll-into-view'?: string;
+    'enable-trigger-intersection-observer'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'enable-sticky'?: boolean;
+    'wait-for'?: Array<GestureHandler>;
+    'simultaneous-handlers'?: Array<GestureHandler>;
+    'scroll-event-throttle'?: number;
+    'scroll-into-view-offset'?: number;
+    bindscrolltoupper?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    bindscrolltolower?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    bindscroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    bindrefresherrefresh?: (event: NativeSyntheticEvent<unknown>) => void;
+    binddragstart?: (event: NativeSyntheticEvent<DragEvent>) => void;
+    binddragging?: (event: NativeSyntheticEvent<DragEvent>) => void;
+    binddragend?: (event: NativeSyntheticEvent<DragEvent>) => void;
+    bindtouchstart?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchmove?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchend?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindscrollend?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    __selectRef?: (selector: string, nodeType: 'node' | 'component', all?: boolean) => HandlerRef<any, any>;
+}
+declare const _ScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & import("react").RefAttributes<HandlerRef<import("react").ForwardRefExoticComponent<import("react-native").ScrollViewProps & {
+    children?: ReactNode;
+} & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>> & import("react-native").ScrollView & View, ScrollViewProps>>>;
+export default _ScrollView;
+//# sourceMappingURL=mpx-scroll-view.d.ts.map

package/lib/runtime/components/react/dist/mpx-scroll-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-scroll-view.d.ts","sourceRoot":"","sources":["../mpx-scroll-view.tsx"],"names":[],"mappings":"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"}

package/lib/runtime/components/react/dist/mpx-scroll-view.jsx

@@ -48,8 +48,6 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
     const scrollOffset = useRef(new RNAnimated.Value(0)).current;
     const simultaneousHandlers = flatGesture(originSimultaneousHandlers);
     const waitForHandlers = flatGesture(waitFor);
-    const snapScrollTop = useRef(0);
-    const snapScrollLeft = useRef(0);
     const [refreshing, setRefreshing] = useState(false);
     const [enableScroll, setEnableScroll] = useState(true);
     const enableScrollValue = useSharedValue(true);
@@ -127,14 +125,12 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
         warn('scroll-x and scroll-y cannot be set to true at the same time, Mpx will use the value of scroll-y as the criterion');
     }
     useEffect(() => {
-        if (snapScrollTop.current !== scrollTop || snapScrollLeft.current !== scrollLeft) {
-            initialTimeout.current = setTimeout(() => {
-                scrollToOffset(scrollLeft, scrollTop);
-            }, 0);
-            return () => {
-                initialTimeout.current && clearTimeout(initialTimeout.current);
-            };
-        }
+        initialTimeout.current = setTimeout(() => {
+            scrollToOffset(scrollLeft, scrollTop);
+        }, 0);
+        return () => {
+            initialTimeout.current && clearTimeout(initialTimeout.current);
+        };
     }, [scrollTop, scrollLeft]);
     useEffect(() => {
         if (scrollIntoView && __selectRef) {
@@ -316,10 +312,6 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
     function scrollToOffset(x = 0, y = 0, animated = scrollWithAnimation) {
         if (scrollViewRef.current) {
             scrollViewRef.current.scrollTo({ x, y, animated });
-            scrollOptions.current.scrollLeft = x;
-            scrollOptions.current.scrollTop = y;
-            snapScrollLeft.current = x;
-            snapScrollTop.current = y;
         }
     }
     function onScrollTouchMove(e) {

package/lib/runtime/components/react/dist/mpx-simple-text.d.ts

@@ -0,0 +1,8 @@
+import { TextProps } from 'react-native';
+import { JSX } from 'react';
+declare const SimpleText: {
+    (props: TextProps): JSX.Element;
+    displayName: string;
+};
+export default SimpleText;
+//# sourceMappingURL=mpx-simple-text.d.ts.map

package/lib/runtime/components/react/dist/mpx-simple-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-simple-text.d.ts","sourceRoot":"","sources":["../mpx-simple-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAA;AAI1C,QAAA,MAAM,UAAU;YAAW,SAAS,GAAG,WAAW;;CAiBjD,CAAA;AAID,eAAe,UAAU,CAAA"}

package/lib/runtime/components/react/dist/mpx-simple-view.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ViewProps } from 'react-native';
+declare const SimpleView: {
+    (simpleViewProps: ViewProps): JSX.Element;
+    displayName: string;
+};
+export default SimpleView;
+//# sourceMappingURL=mpx-simple-view.d.ts.map

package/lib/runtime/components/react/dist/mpx-simple-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-simple-view.d.ts","sourceRoot":"","sources":["../mpx-simple-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAa,MAAM,cAAc,CAAA;AAKzD,QAAA,MAAM,UAAU;sBAAqB,SAAS,GAAG,WAAW;;CAuB3D,CAAA;AAID,eAAe,UAAU,CAAA"}

package/lib/runtime/components/react/dist/mpx-slider.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { View, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface SliderProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    value?: number;
+    color?: string;
+    'selected-color'?: string;
+    activeColor?: string;
+    backgroundColor?: string;
+    'block-size'?: number;
+    'block-color'?: string;
+    name?: string;
+    bindchange?: (event: any) => void;
+    catchchange?: (event: any) => void;
+    bindchanging?: (event: any) => void;
+    catchchanging?: (event: any) => void;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HandlerRef<View, SliderProps>>>;
+export default Slider;
+//# sourceMappingURL=mpx-slider.d.ts.map

package/lib/runtime/components/react/dist/mpx-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-slider.d.ts","sourceRoot":"","sources":["../mpx-slider.tsx"],"names":[],"mappings":";AA2BA,OAAO,EACL,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAA;AAMrB,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKvD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,MAAM,uHAqXV,CAAA;AAGF,eAAe,MAAM,CAAA"}