@codeleap/mobile 1.2.1 → 1.4.0

package/dist/components/Slider/Mark.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderMark = void 0;
+var react_1 = __importDefault(require("react"));
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var SliderMark = function (_a) {
+    var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
+    var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
+    var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
+    var isFirst = index === 0;
+    var isLast = index === labels.length - 1;
+    var centerAdjustWord = -(l.length * 2);
+    var markStyles = {};
+    var labelStyles = {};
+    if (!isFirst && !isLast) {
+        labelStyles.left = centerAdjustWord;
+    }
+    if (isLast) {
+        labelStyles.right = -20;
+        markStyles.right = -10;
+    }
+    return (<>
+      {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
+      {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
+    </>);
+};
+exports.SliderMark = SliderMark;
+//# sourceMappingURL=Mark.js.map

package/dist/components/Slider/Mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.js","sourceRoot":"","sources":["../../../src/components/Slider/Mark.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,gCAA8B;AAC9B,gCAA8B;AAEvB,IAAM,UAAU,GAA8B,UAAC,EAKrD;QAJC,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,aAAa,mBAAA;IAEL,IAAA,KAA2B,WAAW,OAA3B,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAK,WAAW,UAAhB,CAAgB;IAE9C,IAAM,CAAC,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,KAAI,EAAE,CAAA;IAE/B,IAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAA;IAC3B,IAAM,MAAM,GAAG,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1C,IAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAExC,IAAM,UAAU,GAAmB,EAAE,CAAA;IAErC,IAAM,WAAW,GAAmB,EAAE,CAAA;IAEtC,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE;QACvB,WAAW,CAAC,IAAI,GAAG,gBAAgB,CAAA;KACpC;IAED,IAAI,MAAM,EAAE;QACV,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,CAAA;QACvB,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,CAAA;KACvB;IACD,OAAO,CACL,EACE;MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAG,CAC/D,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CACH,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CACpE,IAAI,CAAC,CAAC,CAAC,CAAC,EACR,CACH,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,UAAU,cAwCtB"}

package/dist/components/Slider/Thumb.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
+    children: any;
+    visible: any;
+    styles: any;
+    variantStyles: any;
+}) => JSX.Element;

package/dist/components/Slider/Thumb.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbTooltip = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var ThumbTooltip = function (_a) {
+    var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
+    return (<View_1.View style={[
+            react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
+            visible
+                ? react_native_1.StyleSheet.flatten([
+                    variantStyles['tooltip:visible'],
+                    styles['tooltip:visible'],
+                ])
+                : react_native_1.StyleSheet.flatten([
+                    variantStyles['tooltip:hidden'],
+                    styles['tooltip:hidden'],
+                ]),
+        ]}>
+      <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
+      <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
+    </View_1.View>);
+};
+exports.ThumbTooltip = ThumbTooltip;
+//# sourceMappingURL=Thumb.js.map

package/dist/components/Slider/Thumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,6CAAyC;AACzC,gCAA8B;AAC9B,gCAA8B;AACvB,IAAM,YAAY,GAAG,UAAC,EAA4C;QAA1C,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA;IACrE,OAAO,CACL,CAAC,WAAI,CACH,KAAK,CAAC,CAAC;YACL,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;YAC3D,OAAO;gBACL,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC;oBACnB,aAAa,CAAC,iBAAiB,CAAC;oBAChC,MAAM,CAAC,iBAAiB,CAAC;iBAC1B,CAAC;gBACF,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC;oBACnB,aAAa,CAAC,gBAAgB,CAAC;oBAC/B,MAAM,CAAC,gBAAgB,CAAC;iBACzB,CAAC;SACL,CAAC,CAEF;MAAA,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CACvD,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEjB;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,EACjE;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,YAAY,gBAuBxB"}

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { SliderProps } from './types';
+export declare const Slider: React.FC<SliderProps>;

package/dist/components/Slider/index.js

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var Mark_1 = require("./Mark");
+var Thumb_1 = require("./Thumb");
+var React = __importStar(require("react"));
+var react_native_slider_1 = require("@miblanchard/react-native-slider");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("../TextInput");
+var Slider = function (sliderProps) {
+    var _a;
+    var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
+    var debounce = sliderProps.debounce, onValueChange = sliderProps.onValueChange, labels = sliderProps.labels, value = sliderProps.value, label = sliderProps.label, valueOverThumb = sliderProps.valueOverThumb, formatTooltip = sliderProps.formatTooltip, _c = sliderProps.styles, styles = _c === void 0 ? {} : _c, style = sliderProps.style, _d = sliderProps.tooltipVisibilityWindow, tooltipVisibilityWindow = _d === void 0 ? 830 : _d, variants = sliderProps.variants, props = __rest(sliderProps, ["debounce", "onValueChange", "labels", "value", "label", "valueOverThumb", "formatTooltip", "styles", "style", "tooltipVisibilityWindow", "variants"]);
+    var changeDebounce = typeof debounce === 'number' ? debounce : 100;
+    var debounceTimeout = (0, react_1.useRef)(null);
+    var toggleTooltipTimeout = (0, react_1.useRef)(null);
+    var valueRef = (0, react_1.useRef)(value);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Slider', {
+        variants: variants,
+    });
+    function setValue() {
+        onValueChange(valueRef.current);
+    }
+    function onChange(val) {
+        var eventValue = val;
+        if (Array.isArray(val) && typeof value === 'number') {
+            eventValue = val[0];
+        }
+        if (eventValue === value)
+            return;
+        valueRef.current = eventValue;
+        if (debounceTimeout.current)
+            clearTimeout(debounceTimeout.current);
+        debounceTimeout.current = setTimeout(function () {
+            setValue();
+        }, changeDebounce);
+    }
+    return (<View_1.View style={[variantStyles.wrapper, style]}>
+      <TextInput_1.InputLabel label={label} style={[variantStyles.label, styles.label]}/>
+      <react_native_slider_1.Slider value={value} onSlidingStart={function () {
+            if (toggleTooltipTimeout.current) {
+                clearTimeout(toggleTooltipTimeout.current);
+            }
+            setTooltipVisible(true);
+        }} onSlidingComplete={function () {
+            toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
+        }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
+            if (!valueOverThumb)
+                return null;
+            var thisValue = Array.isArray(value) ? value[idx] : value;
+            return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
+              {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
+            </Thumb_1.ThumbTooltip>);
+        }} renderTrackMarkComponent={function (idx) { return (<Mark_1.SliderMark index={idx} sliderProps={sliderProps} styles={styles} variantStyles={variantStyles}/>); }} maximumValue={labels ? labels.length - 1 : 10} trackMarks={labels ? Object.keys(labels).map(function (z) { return parseInt(z); }) : []} containerStyle={[variantStyles.inputContainer, styles.inputContainer]} thumbStyle={react_native_1.StyleSheet.flatten([variantStyles.handle, styles.handle])} trackStyle={[variantStyles.track, styles.track]} minimumTrackTintColor={(_a = react_native_1.StyleSheet.flatten([
+            variantStyles.selectedTrack,
+            styles.selectedTrack,
+        ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
+    </View_1.View>);
+};
+exports.Slider = Slider;
+//# sourceMappingURL=index.js.map

package/dist/components/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/{Slider.d.ts → Slider/types.d.ts}

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
-import { ViewProps } from './View';
+/// <reference types="react" />
 import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
+import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
+import { StylesOf } from '../../types/utility';
+import { ViewProps } from '../View';
+export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
     debounce?: number;
     labels: string[];
     value: number;
@@ -15,6 +15,11 @@ declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'
     variants?: ComponentVariants<typeof SliderStyles>['variants'];
     styles?: StylesOf<SliderComposition>;
     style?: ViewProps['style'];
+    tooltipVisibilityWindow?: number;
+};
+export declare type SliderMarkProps = {
+    sliderProps: SliderProps;
+    index: number;
+    styles: SliderProps['styles'];
+    variantStyles: SliderProps['styles'];
 };
-export declare const Slider: React.FC<SliderProps>;
-export {};

package/dist/components/Slider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":""}

package/dist/components/Switch.d.ts

@@ -7,7 +7,7 @@ declare type SwitchProps = NativeSwitchProps & {
     variants?: ComponentVariants<typeof SwitchStyles>['variants'];
     label?: ReactNode;
     styles?: StylesOf<SwitchComposition>;
-    validate?: FormTypes.ValidatorFunction | string;
+    validate?: FormTypes.ValidatorFunctionWithoutForm | string;
 };
-export declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "key" | "disabled" | "styles" | "onChange" | "value" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor" | "tintColor"> & React.RefAttributes<NativeSwitch>>;
+export declare const Switch: React.FC<SwitchProps>;
 export {};

package/dist/components/Switch.js

@@ -39,7 +39,7 @@ var TextInput_1 = require("./TextInput");
 var View_1 = require("./View");
 exports.Switch = (0, react_1.forwardRef)(function (switchProps, ref) {
     var _a = switchProps.variants, variants = _a === void 0 ? [] : _a, _b = switchProps.style, style = _b === void 0 ? {} : _b, _c = switchProps.styles, styles = _c === void 0 ? {} : _c, validate = switchProps.validate, label = switchProps.label, value = switchProps.value, props = __rest(switchProps, ["variants", "style", "styles", "validate", "label", "value"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Switch', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Switch', {
         variants: variants,
     });
     var _d = (0, common_1.useValidate)(switchProps.value, validate), error = _d.error, showError = _d.showError;
@@ -58,16 +58,15 @@ exports.Switch = (0, react_1.forwardRef)(function (switchProps, ref) {
     }
     var inputStyles = getStyles('input');
     var _e = react_native_1.StyleSheet.flatten(inputStyles), color = _e.color, backgroundColor = _e.backgroundColor;
-    var Theme = (0, common_1.useStyle)().Theme;
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
     var thumbColor = color || Theme.colors.primary;
     var trackColor = backgroundColor || Theme.colors.gray;
-    return <View_1.View style={getStyles('wrapper')}>
+    return (<View_1.View style={getStyles('wrapper')}>
         <View_1.View style={getStyles('inputWrapper')}>
-
-            <react_native_1.Switch thumbColor={thumbColor} trackColor={{ false: trackColor, true: trackColor }} ios_backgroundColor={trackColor} value={value} {...props}/>
-            <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
+          <react_native_1.Switch thumbColor={thumbColor} trackColor={{ false: trackColor, true: trackColor }} ios_backgroundColor={trackColor} value={value} {...props}/>
+          <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
         </View_1.View>
         <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
-    </View_1.View>;
+      </View_1.View>);
 });
 //# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"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"}

package/dist/components/Text.js

@@ -37,13 +37,13 @@ var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
 exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
     var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, style = textProps.style, props = __rest(textProps, ["variants", "text", "style"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Text', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Text', {
         variants: variants,
-        rootElement: 'text'
+        rootElement: 'text',
     });
     var styles = [variantStyles.text, style];
-    return <react_native_1.Text {...props} style={styles} ref={ref}> 
-    {text}
-  </react_native_1.Text>;
+    return (<react_native_1.Text {...props} style={styles} ref={ref}>
+      {text}
+    </react_native_1.Text>);
 });
 //# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAAkG;AAClG,6CAAkD;AAUrC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAEjE,IAAA,KAIE,SAAS,SAJE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,IAAI,GAGF,SAAS,KAHP,EACJ,KAAK,GAEH,SAAS,MAFN,EACF,KAAK,UACN,SAAS,EALP,6BAKL,CADS,CACG;IAEb,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,WAAW,EAAG,MAAM;KACrB,CAAC,CAAA;IAEF,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC1C,OAAO,CAAC,mBAAU,CAAE,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACrD;IAAA,CAAC,IAAI,CACP;EAAA,EAAE,mBAAU,CAAC,CAAA;AACf,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAKyB;AACzB,6CAAiD;AAOpC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAC3D,IAAA,KAAyC,SAAS,SAArC,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,IAAI,GAAsB,SAAS,KAA/B,EAAE,KAAK,GAAe,SAAS,MAAxB,EAAK,KAAK,UAAK,SAAS,EAApD,6BAAwC,CAAF,CAAc;IAE1D,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC1C,OAAO,CACL,CAAC,mBAAU,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAC7C;MAAA,CAAC,IAAI,CACP;IAAA,EAAE,mBAAU,CAAC,CACd,CAAA;AACH,CAAC,CAAC,CAAA"}