@evlop/native-components 1.0.100 → 1.0.101
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/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.d.ts +2 -1
- package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.d.ts.map +1 -1
- package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js +54 -4
- package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js.map +1 -1
- package/dist/src/RenderBlocks/index.d.ts +2 -1
- package/dist/src/RenderBlocks/index.d.ts.map +1 -1
- package/dist/src/RenderBlocks/index.js +2 -2
- package/dist/src/RenderBlocks/index.js.map +1 -1
- package/dist/src/RenderPage/index.d.ts.map +1 -1
- package/dist/src/RenderPage/index.js +4 -2
- package/dist/src/RenderPage/index.js.map +1 -1
- package/dist/src/View/index.d.ts.map +1 -1
- package/dist/src/View/index.js +1 -3
- package/dist/src/View/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare function RenderBlocksAsVirtualizedList({ items, onEndReached }: {
|
|
2
|
+
declare function RenderBlocksAsVirtualizedList({ items, onEndReached, animatedScrollPostion }: {
|
|
3
3
|
items: any;
|
|
4
4
|
onEndReached: any;
|
|
5
|
+
animatedScrollPostion: any;
|
|
5
6
|
}): JSX.Element;
|
|
6
7
|
export default RenderBlocksAsVirtualizedList;
|
|
7
8
|
//# sourceMappingURL=RenderBlocksAsVirtualizedList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderBlocksAsVirtualizedList.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RenderBlocksAsVirtualizedList.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";AAuBA,iBAAS,6BAA6B,CAAC,EAAC,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAC;;;;CAAA,eAyClF;AAMD,eAAe,6BAA6B,CAAC"}
|
|
@@ -1,13 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
5
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
29
|
const lodash_1 = require("lodash");
|
|
7
|
-
const react_1 =
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
8
31
|
const react_native_1 = require("react-native");
|
|
9
32
|
const RenderComponent_1 = __importDefault(require("../RenderComponent"));
|
|
10
|
-
const renderItem = ({ item
|
|
33
|
+
const renderItem = ({ item, index }) => {
|
|
34
|
+
const { uuid, type: componentId, data, content, render, key } = item;
|
|
11
35
|
if (content)
|
|
12
36
|
return content;
|
|
13
37
|
if (render)
|
|
@@ -18,8 +42,34 @@ const renderItem = ({ item: { uuid, type: componentId, data, content, render, ke
|
|
|
18
42
|
};
|
|
19
43
|
const getItemCount = (data) => (0, lodash_1.size)(data);
|
|
20
44
|
const getItem = (data, index) => data[index];
|
|
21
|
-
|
|
22
|
-
|
|
45
|
+
const viewabilityConfig = {
|
|
46
|
+
waitForInteraction: true,
|
|
47
|
+
itemVisiblePercentThreshold: 25,
|
|
48
|
+
};
|
|
49
|
+
const AnimatedVirtualizedList = react_native_1.Animated.createAnimatedComponent(react_native_1.VirtualizedList);
|
|
50
|
+
function RenderBlocksAsVirtualizedList({ items, onEndReached, animatedScrollPostion }) {
|
|
51
|
+
const stickyHeaderIndices = (0, react_1.useMemo)(() => (0, lodash_1.reduce)(items, (indices, item, index) => {
|
|
52
|
+
if (item.type === 'header')
|
|
53
|
+
indices.push(index);
|
|
54
|
+
return indices;
|
|
55
|
+
}, []), [items]);
|
|
56
|
+
const onItemViewwableCallbacksRef = (0, react_1.useRef)({});
|
|
57
|
+
onItemViewwableCallbacksRef.current = (0, react_1.useMemo)(() => (0, lodash_1.reduce)(items, (callbacks, item, index) => {
|
|
58
|
+
if (item.onViewable)
|
|
59
|
+
callbacks[item.key] = item.onViewable;
|
|
60
|
+
return callbacks;
|
|
61
|
+
}, {}), [items]);
|
|
62
|
+
const onViewableItemsChanged = (0, react_1.useCallback)(({ changed }) => {
|
|
63
|
+
changed.forEach((changedItem) => {
|
|
64
|
+
if (changedItem.isViewable) {
|
|
65
|
+
const callback = onItemViewwableCallbacksRef.current[changedItem.key];
|
|
66
|
+
if (callback)
|
|
67
|
+
callback();
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
}, []);
|
|
71
|
+
const onScroll = (0, react_1.useMemo)(() => react_native_1.Animated.event([{ nativeEvent: { contentOffset: { y: animatedScrollPostion } } }], { useNativeDriver: true }), [animatedScrollPostion]);
|
|
72
|
+
return (react_1.default.createElement(AnimatedVirtualizedList, { onEndReachedThreshold: 0.5, onEndReached: onEndReached, decelerationRate: "normal", data: items, renderItem: renderItem, getItemCount: getItemCount, getItem: getItem, stickyHeaderIndices: stickyHeaderIndices, contentContainerStyle: styles.contentContainer, onScroll: onScroll, viewabilityConfig: viewabilityConfig, onViewableItemsChanged: onViewableItemsChanged }));
|
|
23
73
|
}
|
|
24
74
|
const styles = react_native_1.StyleSheet.create({
|
|
25
75
|
contentContainer: { flexGrow: 1 }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const RenderBlocks: ({ blocks, disableScrollview }: {
|
|
2
|
+
export declare const RenderBlocks: ({ blocks, disableScrollview, animatedScrollPostion }: {
|
|
3
3
|
blocks: any;
|
|
4
4
|
disableScrollview?: boolean;
|
|
5
|
+
animatedScrollPostion: any;
|
|
5
6
|
}) => JSX.Element;
|
|
6
7
|
export default RenderBlocks;
|
|
7
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":";AAoBA,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":";AAoBA,eAAO,MAAM,YAAY;;;;iBA+ExB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -45,7 +45,7 @@ const RenderServiceBlock = ({ block, setListItemsById, setCallbackById }) => {
|
|
|
45
45
|
});
|
|
46
46
|
return react_1.default.createElement(RenderComponent_1.default, { uuid: uuid, componentId: componentId, data: componentData });
|
|
47
47
|
};
|
|
48
|
-
const RenderBlocks = ({ blocks, disableScrollview = false }) => {
|
|
48
|
+
const RenderBlocks = ({ blocks, disableScrollview = false, animatedScrollPostion }) => {
|
|
49
49
|
const { components } = (0, react_redux_1.useSelector)((s) => s.components);
|
|
50
50
|
// state which stores component array, if 1 component is divided into multiple flatlist items, type: {[id: string]: Array<ReactNode>}
|
|
51
51
|
const [subListItems, setSubListItems] = (0, react_1.useState)({});
|
|
@@ -95,7 +95,7 @@ const RenderBlocks = ({ blocks, disableScrollview = false }) => {
|
|
|
95
95
|
}
|
|
96
96
|
return react_1.default.createElement(react_1.default.Fragment, null,
|
|
97
97
|
virtualizedListServices,
|
|
98
|
-
react_1.default.createElement(RenderBlocksAsVirtualizedList_1.default, { key: "flatlist-list", onEndReached: onEndReached, items: listItems }));
|
|
98
|
+
react_1.default.createElement(RenderBlocksAsVirtualizedList_1.default, { key: "flatlist-list", animatedScrollPostion: animatedScrollPostion, onEndReached: onEndReached, items: listItems }));
|
|
99
99
|
};
|
|
100
100
|
exports.RenderBlocks = RenderBlocks;
|
|
101
101
|
exports.default = exports.RenderBlocks;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuG;AACvG,+CAAyE;AACzE,6CAA0C;AAC1C,yEAAiD;AACjD,oGAA4E;AAC5E,wCAA4C;AAE5C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAC,EAAC,EAAE;IACvE,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAE,EAAE,CAAA,GAAE,EAAE;QAChB,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAClC,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,aAAa,GAAG,IAAA,eAAM,EAAC,EAAE,EAAE,IAAI,EAAE;QACrC,uBAAuB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;QACxE,0BAA0B,EAAE,CAAC,YAAoB,EAAE,gBAA0B,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,EAAE,gBAAgB,CAAC;KACxI,CAAC,CAAC;IACH,OAAO,8BAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,GAAI,CAAA;AACvF,CAAC,CAAA;AAEM,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,iBAAiB,GAAG,KAAK,EAAC,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAS/C,eAAO,MAAM,UAAU;;iBAyEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;mDAAyD,CAAC;AAE3F,eAAe,UAAU,CAAC"}
|
|
@@ -36,6 +36,7 @@ const RenderBlocks_1 = __importDefault(require("../RenderBlocks"));
|
|
|
36
36
|
const DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
|
|
37
37
|
const RenderPageHeader_1 = __importDefault(require("./RenderPageHeader"));
|
|
38
38
|
const RenderPageFooter_1 = __importDefault(require("./RenderPageFooter"));
|
|
39
|
+
const react_native_1 = require("react-native");
|
|
39
40
|
const RenderPage = ({ id }) => {
|
|
40
41
|
const context = (0, react_redux_1.useSelector)(s => s.context);
|
|
41
42
|
const pages = (0, react_redux_1.useSelector)(s => s.pages.records.data);
|
|
@@ -43,7 +44,8 @@ const RenderPage = ({ id }) => {
|
|
|
43
44
|
const params = (0, commons_1.useParams)();
|
|
44
45
|
const config = (0, commons_1.useConfig)();
|
|
45
46
|
const page = pages.find(p => p.id === id);
|
|
46
|
-
const
|
|
47
|
+
const animatedPageScrollPosition = (0, react_1.useMemo)(() => new react_native_1.Animated.Value(0), []);
|
|
48
|
+
const scope = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, context), { page: (0, lodash_1.omit)(page, ['blocks']), user, config: (0, lodash_1.omit)(config, ['i18n', 'theme']), params: params, animatedPageScrollPosition })), [page, params, user, config, context]);
|
|
47
49
|
const pageTypes = (0, react_redux_1.useSelector)(s => s.routes.pageTypes);
|
|
48
50
|
const pageTypeComponents = (0, react_1.useMemo)(() => {
|
|
49
51
|
return pageTypes.filter(p => p instanceof Function && p.routeName === page.routeName);
|
|
@@ -51,7 +53,7 @@ const RenderPage = ({ id }) => {
|
|
|
51
53
|
const { layout, blocks, dataSources } = page || {};
|
|
52
54
|
let pageContent = (0, react_1.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
53
55
|
react_1.default.createElement(RenderPageHeader_1.default, { key: "page-header", page: page }),
|
|
54
|
-
react_1.default.createElement(RenderBlocks_1.default, { disableScrollview: page.disableScrollview, key: "page-blocks", blocks: blocks }),
|
|
56
|
+
react_1.default.createElement(RenderBlocks_1.default, { animatedScrollPostion: animatedPageScrollPosition, disableScrollview: page.disableScrollview, key: "page-blocks", blocks: blocks }),
|
|
55
57
|
react_1.default.createElement(RenderPageFooter_1.default, { key: "page-footer", page: page }))), [page, blocks]);
|
|
56
58
|
// // wrap inside page type provider
|
|
57
59
|
pageContent = (0, react_1.useMemo)(() => (0, lodash_1.reduce)(pageTypeComponents, (children, PageTypeComponent, i) => (react_1.default.createElement(PageTypeComponent, { key: `page-type-component-${i}` }, children)), pageContent), [pageContent, pageTypeComponents]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA+I;AAC/I,mCAAoD;AACpD,+CAAiD;AACjD,6CAA0C;AAC1C,yCAAsC;AACtC,mEAA2C;AAC3C,oEAA4C;AAC5C,0EAAkD;AAClD,0EAAkD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElF,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAQ,SAAS,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpL,oBAAY,aAAa,GAAI,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAElN,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElF,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAQ,SAAS,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpL,oBAAY,aAAa,GAAI,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAElN,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAQ7E,CAAC;AAEJ,QAAA,MAAM,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAInC,CAAC;AAEb,eAAe,IAAI,CAAC"}
|
package/dist/src/View/index.js
CHANGED
|
@@ -8,9 +8,7 @@ const commons_1 = require("@evlop/commons");
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
10
10
|
const styled_system_1 = require("styled-system");
|
|
11
|
-
exports.BaseView = (0, native_1.default)(react_native_1.View)(styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity
|
|
12
|
-
zIndex: react_native_1.Platform.select({ web: 'inherit', default: 0 })
|
|
13
|
-
});
|
|
11
|
+
exports.BaseView = (0, native_1.default)(react_native_1.View)(styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity);
|
|
14
12
|
const View = (0, commons_1.withSettings)({
|
|
15
13
|
name: 'View',
|
|
16
14
|
valueOptions: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAE5E,+CAAkF;AAClF,sEAA8C;AAC9C,iDAAoL;AAIvK,QAAA,QAAQ,GAAgE,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAC/F,oBAAI,EACJ,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAE5E,+CAAkF;AAClF,sEAA8C;AAC9C,iDAAoL;AAIvK,QAAA,QAAQ,GAAgE,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAC/F,oBAAI,EACJ,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,CACR,CAAC;AAEJ,MAAM,IAAI,GAAyC,IAAA,sBAAY,EAAC;IAC9D,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAC,gBAAQ,CAAC,CAAC;AAEb,kBAAe,IAAI,CAAC"}
|