@beppla/tapas-ui 1.0.41 → 1.0.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/commonjs/HelloWave/HelloWave.js +24 -13
- package/commonjs/HelloWave/HelloWave.js.map +1 -1
- package/commonjs/Shell/Shell.js +10 -11
- package/commonjs/Shell/Shell.js.map +1 -1
- package/module/HelloWave/HelloWave.js +24 -11
- package/module/HelloWave/HelloWave.js.map +1 -1
- package/module/Shell/Shell.js +10 -11
- package/module/Shell/Shell.js.map +1 -1
- package/package.json +1 -1
- package/typescript/HelloWave/HelloWave.d.ts.map +1 -1
- package/typescript/Shell/Shell.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -12,6 +12,12 @@
|
|
|
12
12
|
- 改进了 `useSharedValue` 的初始化和更新逻辑
|
|
13
13
|
- 添加了动画配置参数(damping, stiffness)
|
|
14
14
|
- 优化了依赖数组和条件检查
|
|
15
|
+
- **重要**:移除了对 react-native-reanimated 的依赖,改用 React Native 原生 Animated API
|
|
16
|
+
- 解决了在使用组件库的应用中出现的 "Native part of Reanimated doesn't seem to be initialized" 错误
|
|
17
|
+
- 🔧 **HelloWave 组件修复**:移除了对 react-native-reanimated 的依赖
|
|
18
|
+
- 改用 React Native 原生 Animated API 实现挥手动画
|
|
19
|
+
- 保持了相同的动画效果和性能
|
|
20
|
+
- 解决了依赖初始化问题
|
|
15
21
|
- 🔧 **Progress 组件修复**:修复了空引用错误
|
|
16
22
|
- 添加了 `data` 属性的空值检查
|
|
17
23
|
- 移除了不必要的可选链操作符
|
|
@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
9
|
var _themed = require("@rneui/themed");
|
|
11
10
|
var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
13
|
const HelloWave = ({
|
|
@@ -22,20 +19,34 @@ const HelloWave = ({
|
|
|
22
19
|
testID,
|
|
23
20
|
...props
|
|
24
21
|
}) => {
|
|
25
|
-
const rotationAnimation =
|
|
22
|
+
const rotationAnimation = new _reactNative.Animated.Value(0);
|
|
26
23
|
_react.default.useEffect(() => {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
const createAnimation = () => {
|
|
25
|
+
return _reactNative.Animated.sequence([_reactNative.Animated.timing(rotationAnimation, {
|
|
26
|
+
toValue: 25,
|
|
27
|
+
duration,
|
|
28
|
+
useNativeDriver: true
|
|
29
|
+
}), _reactNative.Animated.timing(rotationAnimation, {
|
|
30
|
+
toValue: 0,
|
|
31
|
+
duration,
|
|
32
|
+
useNativeDriver: true
|
|
33
|
+
})]);
|
|
34
|
+
};
|
|
35
|
+
const animation = _reactNative.Animated.loop(createAnimation(), {
|
|
36
|
+
iterations: repeatCount
|
|
37
|
+
});
|
|
38
|
+
animation.start();
|
|
39
|
+
return () => animation.stop();
|
|
32
40
|
}, [duration, repeatCount]);
|
|
33
|
-
const animatedStyle =
|
|
41
|
+
const animatedStyle = {
|
|
34
42
|
transform: [{
|
|
35
|
-
rotate:
|
|
43
|
+
rotate: rotationAnimation.interpolate({
|
|
44
|
+
inputRange: [0, 25],
|
|
45
|
+
outputRange: ['0deg', '25deg']
|
|
46
|
+
})
|
|
36
47
|
}]
|
|
37
|
-
}
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
48
|
+
};
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
|
|
39
50
|
style: [animatedStyle, style],
|
|
40
51
|
testID: testID
|
|
41
52
|
}, props), /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themed","_Text","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","HelloWave","emoji","duration","repeatCount","style","textStyle","testID","props","rotationAnimation","Animated","Value","React","useEffect","createAnimation","sequence","timing","toValue","useNativeDriver","animation","loop","iterations","start","stop","animatedStyle","transform","rotate","interpolate","inputRange","outputRange","createElement","View","styles","text","StyleSheet","create","fontSize","lineHeight","marginTop","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["HelloWave/HelloWave.tsx"],"mappings":"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","ignoreList":[]}
|
package/commonjs/Shell/Shell.js
CHANGED
|
@@ -7,7 +7,6 @@ exports.default = exports.ShellView = exports.ShellDrawer = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _themed = require("@rneui/themed");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
10
|
var _types = require("./types");
|
|
12
11
|
var _styles = require("./styles");
|
|
13
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -25,18 +24,18 @@ const Shell = ({
|
|
|
25
24
|
let mainContent = null;
|
|
26
25
|
let drawerContent = null;
|
|
27
26
|
const [open, setOpen] = (0, _react.useState)(openDrawer);
|
|
28
|
-
const
|
|
27
|
+
const animatedWidth = new _reactNative.Animated.Value(openDrawer ? drawerWidth : 0);
|
|
29
28
|
(0, _react.useEffect)(() => {
|
|
30
29
|
setOpen(openDrawer);
|
|
31
30
|
}, [openDrawer]);
|
|
32
31
|
(0, _react.useEffect)(() => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
}, [open, drawerWidth
|
|
32
|
+
_reactNative.Animated.spring(animatedWidth, {
|
|
33
|
+
toValue: open ? drawerWidth : 0,
|
|
34
|
+
tension: 300,
|
|
35
|
+
friction: 20,
|
|
36
|
+
useNativeDriver: false
|
|
37
|
+
}).start();
|
|
38
|
+
}, [open, drawerWidth]);
|
|
40
39
|
_react.default.Children.forEach(children, child => {
|
|
41
40
|
if (/*#__PURE__*/_react.default.isValidElement(child)) {
|
|
42
41
|
if (child.type === Shell.Main) {
|
|
@@ -57,10 +56,10 @@ const Shell = ({
|
|
|
57
56
|
..._styles.styles.mainContainer,
|
|
58
57
|
borderTopWidth: border ? 1 : 0
|
|
59
58
|
}
|
|
60
|
-
}, mainContent), /*#__PURE__*/_react.default.createElement(
|
|
59
|
+
}, mainContent), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
61
60
|
style: {
|
|
62
61
|
..._styles.styles.drawerContainer,
|
|
63
|
-
width:
|
|
62
|
+
width: animatedWidth
|
|
64
63
|
}
|
|
65
64
|
}, /*#__PURE__*/_react.default.createElement(ShellDrawer, {
|
|
66
65
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themed","_types","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Shell","children","border","drawerWidth","defaultDrawerWidth","style","openDrawer","testID","props","mainContent","drawerContent","open","setOpen","useState","animatedWidth","Animated","Value","useEffect","spring","toValue","tension","friction","useNativeDriver","start","React","Children","forEach","child","isValidElement","type","Main","Drawer","createElement","View","styles","container","ShellView","mainContainer","borderTopWidth","drawerContainer","width","ShellDrawer","borderLeftWidth","theme","borderTopColor","greyOutline","borderTopStyle","exports","drawerInnerCon","borderLeftColor","borderLeftStyle","withTheme","_default"],"sourceRoot":"../../../components","sources":["Shell/Shell.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { StyleSheet } from 'react-native';
|
|
4
|
-
import Animated, { useSharedValue, useAnimatedStyle, withTiming, withRepeat, withSequence } from 'react-native-reanimated';
|
|
3
|
+
import { StyleSheet, Animated } from 'react-native';
|
|
5
4
|
import { withTheme } from '@rneui/themed';
|
|
6
5
|
import TapasText from '../Text/Text';
|
|
7
6
|
const HelloWave = ({
|
|
@@ -13,19 +12,33 @@ const HelloWave = ({
|
|
|
13
12
|
testID,
|
|
14
13
|
...props
|
|
15
14
|
}) => {
|
|
16
|
-
const rotationAnimation =
|
|
15
|
+
const rotationAnimation = new Animated.Value(0);
|
|
17
16
|
React.useEffect(() => {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
const createAnimation = () => {
|
|
18
|
+
return Animated.sequence([Animated.timing(rotationAnimation, {
|
|
19
|
+
toValue: 25,
|
|
20
|
+
duration,
|
|
21
|
+
useNativeDriver: true
|
|
22
|
+
}), Animated.timing(rotationAnimation, {
|
|
23
|
+
toValue: 0,
|
|
24
|
+
duration,
|
|
25
|
+
useNativeDriver: true
|
|
26
|
+
})]);
|
|
27
|
+
};
|
|
28
|
+
const animation = Animated.loop(createAnimation(), {
|
|
29
|
+
iterations: repeatCount
|
|
30
|
+
});
|
|
31
|
+
animation.start();
|
|
32
|
+
return () => animation.stop();
|
|
23
33
|
}, [duration, repeatCount]);
|
|
24
|
-
const animatedStyle =
|
|
34
|
+
const animatedStyle = {
|
|
25
35
|
transform: [{
|
|
26
|
-
rotate:
|
|
36
|
+
rotate: rotationAnimation.interpolate({
|
|
37
|
+
inputRange: [0, 25],
|
|
38
|
+
outputRange: ['0deg', '25deg']
|
|
39
|
+
})
|
|
27
40
|
}]
|
|
28
|
-
}
|
|
41
|
+
};
|
|
29
42
|
return /*#__PURE__*/React.createElement(Animated.View, _extends({
|
|
30
43
|
style: [animatedStyle, style],
|
|
31
44
|
testID: testID
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Animated","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Animated","withTheme","TapasText","HelloWave","emoji","duration","repeatCount","style","textStyle","testID","props","rotationAnimation","Value","useEffect","createAnimation","sequence","timing","toValue","useNativeDriver","animation","loop","iterations","start","stop","animatedStyle","transform","rotate","interpolate","inputRange","outputRange","createElement","View","_extends","styles","text","create","fontSize","lineHeight","marginTop"],"sourceRoot":"../../../components","sources":["HelloWave/HelloWave.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACnD,SAASC,SAAS,QAAQ,eAAe;AACzC,OAAOC,SAAS,MAAM,cAAc;AAWpC,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,KAAK,GAAG,IAAI;EACZC,QAAQ,GAAG,GAAG;EACdC,WAAW,GAAG,CAAC;EACfC,KAAK;EACLC,SAAS;EACTC,MAAM;EACN,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAG,IAAIX,QAAQ,CAACY,KAAK,CAAC,CAAC,CAAC;EAE/Cd,KAAK,CAACe,SAAS,CAAC,MAAM;IACpB,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,OAAOd,QAAQ,CAACe,QAAQ,CAAC,CACvBf,QAAQ,CAACgB,MAAM,CAACL,iBAAiB,EAAE;QACjCM,OAAO,EAAE,EAAE;QACXZ,QAAQ;QACRa,eAAe,EAAE;MACnB,CAAC,CAAC,EACFlB,QAAQ,CAACgB,MAAM,CAACL,iBAAiB,EAAE;QACjCM,OAAO,EAAE,CAAC;QACVZ,QAAQ;QACRa,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAMC,SAAS,GAAGnB,QAAQ,CAACoB,IAAI,CAACN,eAAe,CAAC,CAAC,EAAE;MAAEO,UAAU,EAAEf;IAAY,CAAC,CAAC;IAC/Ea,SAAS,CAACG,KAAK,CAAC,CAAC;IAEjB,OAAO,MAAMH,SAAS,CAACI,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAAClB,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAE3B,MAAMkB,aAAa,GAAG;IACpBC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEf,iBAAiB,CAACgB,WAAW,CAAC;QAClDC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;QACnBC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO;MAC/B,CAAC;IAAE,CAAC;EACN,CAAC;EAED,oBACE/B,KAAA,CAAAgC,aAAA,CAAC9B,QAAQ,CAAC+B,IAAI,EAAAC,QAAA;IAACzB,KAAK,EAAE,CAACiB,aAAa,EAAEjB,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,GAAKC,KAAK,gBACrEZ,KAAA,CAAAgC,aAAA,CAAC5B,SAAS;IAACK,KAAK,EAAE,CAAC0B,MAAM,CAACC,IAAI,EAAE1B,SAAS;EAAE,GAAEJ,KAAiB,CACjD,CAAC;AAEpB,CAAC;AAED,MAAM6B,MAAM,GAAGlC,UAAU,CAACoC,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;EACd;AACF,CAAC,CAAC;AAEF,eAAerC,SAAS,CAACE,SAAS,CAAC","ignoreList":[]}
|
package/module/Shell/Shell.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React, { useEffect, useState } from "react";
|
|
3
|
-
import { View } from "react-native";
|
|
3
|
+
import { View, Animated } from "react-native";
|
|
4
4
|
import { withTheme } from "@rneui/themed";
|
|
5
|
-
import Animated, { useSharedValue, withSpring } from "react-native-reanimated";
|
|
6
5
|
import { defaultDrawerWidth } from "./types";
|
|
7
6
|
import { styles } from "./styles";
|
|
8
7
|
const Shell = ({
|
|
@@ -17,18 +16,18 @@ const Shell = ({
|
|
|
17
16
|
let mainContent = null;
|
|
18
17
|
let drawerContent = null;
|
|
19
18
|
const [open, setOpen] = useState(openDrawer);
|
|
20
|
-
const
|
|
19
|
+
const animatedWidth = new Animated.Value(openDrawer ? drawerWidth : 0);
|
|
21
20
|
useEffect(() => {
|
|
22
21
|
setOpen(openDrawer);
|
|
23
22
|
}, [openDrawer]);
|
|
24
23
|
useEffect(() => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
}, [open, drawerWidth
|
|
24
|
+
Animated.spring(animatedWidth, {
|
|
25
|
+
toValue: open ? drawerWidth : 0,
|
|
26
|
+
tension: 300,
|
|
27
|
+
friction: 20,
|
|
28
|
+
useNativeDriver: false
|
|
29
|
+
}).start();
|
|
30
|
+
}, [open, drawerWidth]);
|
|
32
31
|
React.Children.forEach(children, child => {
|
|
33
32
|
if (/*#__PURE__*/React.isValidElement(child)) {
|
|
34
33
|
if (child.type === Shell.Main) {
|
|
@@ -52,7 +51,7 @@ const Shell = ({
|
|
|
52
51
|
}, mainContent), /*#__PURE__*/React.createElement(Animated.View, {
|
|
53
52
|
style: {
|
|
54
53
|
...styles.drawerContainer,
|
|
55
|
-
width:
|
|
54
|
+
width: animatedWidth
|
|
56
55
|
}
|
|
57
56
|
}, /*#__PURE__*/React.createElement(ShellDrawer, {
|
|
58
57
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","View","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","View","Animated","withTheme","defaultDrawerWidth","styles","Shell","children","border","drawerWidth","style","openDrawer","testID","props","mainContent","drawerContent","open","setOpen","animatedWidth","Value","spring","toValue","tension","friction","useNativeDriver","start","Children","forEach","child","isValidElement","type","Main","Drawer","createElement","_extends","container","ShellView","mainContainer","borderTopWidth","drawerContainer","width","ShellDrawer","borderLeftWidth","theme","borderTopColor","greyOutline","borderTopStyle","drawerInnerCon","borderLeftColor","borderLeftStyle"],"sourceRoot":"../../../components","sources":["Shell/Shell.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelloWave.d.ts","sourceRoot":"","sources":["../../../components/HelloWave/HelloWave.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"HelloWave.d.ts","sourceRoot":"","sources":["../../../components/HelloWave/HelloWave.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AAyDD,wBAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../../components/Shell/Shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../../components/Shell/Shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,cAAc,EAEf,MAAM,SAAS,CAAC;AAGjB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CA0DpC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgB9C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmBlD,CAAC;AAKF,eAAe,KAAK,CAAC"}
|