@wavemaker/app-rn-runtime 12.0.0-next.142016 → 12.0.0-next.25480

package/components/page/page-content/page-content.component.js

@@ -0,0 +1,207 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { createRef } from 'react';
+import { KeyboardAvoidingView, Platform, View } from 'react-native';
+import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmPageContentProps from './page-content.props';
+import { DEFAULT_CLASS } from './page-content.styles';
+import WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import Animated from 'react-native-reanimated';
+import { StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';
+import { isNumber } from 'lodash-es';
+export class WmPageContentState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "navHeightForRender", 0);
+    _defineProperty(this, "bottomTabHeightForRender", 0);
+  }
+}
+export default class WmPageContent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPageContentProps());
+    _defineProperty(this, "scrollRef", void 0);
+    _defineProperty(this, "_unsubscribeNavHeight", void 0);
+    _defineProperty(this, "handleOnScrollEndDrag", event => {
+      if (this.context) {
+        var _event$nativeEvent;
+        const {
+          onScrollEndDrag,
+          scrollDirection
+        } = this.context;
+        const scrollPosition = event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent = _event$nativeEvent.contentOffset) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.y;
+        if (scrollPosition >= 0) {
+          if (scrollDirection.value > 0) {
+            this.invokeEventCallback('onSwipeup', [null, this.proxy]);
+          } else {
+            this.invokeEventCallback('onSwipedown', [null, this.proxy]);
+          }
+          onScrollEndDrag(this.scrollRef);
+        }
+      }
+    });
+    _defineProperty(this, "handleScrollViewLayout", () => {
+      requestAnimationFrame(() => {
+        this.notify('updateStickyHeaders', []);
+      });
+    });
+    this.hideMode = HideMode.DONOT_ADD_TO_DOM;
+    this.scrollRef = /*#__PURE__*/createRef();
+    this.state = {
+      ...this.state,
+      navHeightForRender: 0,
+      bottomTabHeightForRender: 0
+    };
+    this.subscribe('scrollToPosition', args => {
+      this.scrollTo(args);
+    });
+    this.subscribe('scrollToEnd', () => {
+      var _this$scrollRef;
+      (_this$scrollRef = this.scrollRef) === null || _this$scrollRef === void 0 || (_this$scrollRef = _this$scrollRef.current) === null || _this$scrollRef === void 0 || _this$scrollRef.scrollToEnd();
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this._unsubscribeNavHeight = this.subscribe('updateNavHeight', navHeightValue => {
+      if (this.state.navHeightForRender !== navHeightValue) {
+        this.setState({
+          navHeightForRender: navHeightValue
+        });
+      }
+      return null;
+    });
+    if (this.context && this.context.navHeight) {
+      this.setState({
+        navHeightForRender: this.context.navHeight.value
+      });
+    }
+    this._unsubscribeNavHeight = this.subscribe('updateBottomTabHeight', bottomTabHeightValue => {
+      if (this.state.bottomTabHeightForRender !== bottomTabHeightValue) {
+        this.setState({
+          bottomTabHeightForRender: bottomTabHeightValue
+        });
+      }
+      return null;
+    });
+    if (this.context && this.context.bottomTabHeight) {
+      this.setState({
+        bottomTabHeightForRender: this.context.bottomTabHeight.value
+      });
+    }
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    if (this._unsubscribeNavHeight) this._unsubscribeNavHeight();
+  }
+  scrollTo(position) {
+    var _this$scrollRef2;
+    (_this$scrollRef2 = this.scrollRef) === null || _this$scrollRef2 === void 0 || (_this$scrollRef2 = _this$scrollRef2.current) === null || _this$scrollRef2 === void 0 || _this$scrollRef2.scrollTo({
+      x: position.x,
+      y: position.y,
+      animated: true
+    });
+  }
+  renderSkeleton(props) {
+    if (this.props.skeletonanimationresource) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          width: '100%'
+        }, this.styles.root]
+      }, /*#__PURE__*/React.createElement(WmLottie, {
+        styles: {
+          content: {
+            ...this.styles.root,
+            ...this.styles.skeleton.root
+          }
+        },
+        source: this.props.skeletonanimationresource,
+        loop: true,
+        autoplay: true,
+        speed: this.props.skeletonanimationspeed
+      }));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    const showScrollbar = this.styles.root.scrollbarColor != 'transparent';
+    const borderRadiusStyles = {
+      borderRadius: this.styles.root.borderRadius,
+      borderTopLeftRadius: this.styles.root.borderTopLeftRadius,
+      borderTopRightRadius: this.styles.root.borderTopRightRadius,
+      borderBottomLeftRadius: this.styles.root.borderBottomLeftRadius,
+      borderBottomRightRadius: this.styles.root.borderBottomRightRadius
+    };
+    return props.scrollable || isWebPreviewMode() ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: '100%',
+        width: '100%',
+        ...borderRadiusStyles,
+        backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor
+      }
+    }, this._background, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _this$styles, _this$styles2, _this$styles3, _this$styles4;
+      const keyboardOffset = props.consumenotch ? (insets === null || insets === void 0 ? void 0 : insets.bottom) || 0 : 0;
+      const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;
+      const paddingTop = ((_this$styles = this.styles) === null || _this$styles === void 0 || (_this$styles = _this$styles.root) === null || _this$styles === void 0 ? void 0 : _this$styles.paddingTop) || ((_this$styles2 = this.styles) === null || _this$styles2 === void 0 || (_this$styles2 = _this$styles2.root) === null || _this$styles2 === void 0 ? void 0 : _this$styles2.padding);
+      const paddingBottom = ((_this$styles3 = this.styles) === null || _this$styles3 === void 0 || (_this$styles3 = _this$styles3.root) === null || _this$styles3 === void 0 ? void 0 : _this$styles3.paddingBottom) || ((_this$styles4 = this.styles) === null || _this$styles4 === void 0 || (_this$styles4 = _this$styles4.root) === null || _this$styles4 === void 0 ? void 0 : _this$styles4.padding);
+      const paddingTopVal = isNumber(paddingTop) ? paddingTop : 0;
+      const paddingBottomVal = isNumber(paddingBottom) ? paddingBottom : 0;
+      const navHeightVal = this.props.onscroll == 'topnav' || this.props.onscroll == 'topnav-bottomnav' ? this.state.navHeightForRender : 0;
+      const bottomTabHeightVal = this.props.onscroll == 'topnav-bottomnav' ? this.state.bottomTabHeightForRender : 0;
+      return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+        keyboardVerticalOffset: verticalOffset,
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(Animated.ScrollView, {
+        keyboardShouldPersistTaps: props.keyboardpersisttaps,
+        testID: this.getTestId("page_content_scrollview"),
+        ref: this.scrollRef,
+        contentContainerStyle: [this.styles.root, {
+          backgroundColor: 'transparent',
+          paddingTop: navHeightVal + paddingTopVal,
+          paddingBottom: bottomTabHeightVal + paddingBottomVal
+        }],
+        onLayout: this.handleScrollViewLayout,
+        showsVerticalScrollIndicator: showScrollbar,
+        onScroll: this.context && this.context.onScroll ? this.context.onScroll : () => {},
+        alwaysBounceVertical: false,
+        alwaysBounceHorizontal: false,
+        bounces: false,
+        overScrollMode: "never",
+        removeClippedSubviews: Platform.OS == 'android',
+        onScrollEndDrag: this.handleOnScrollEndDrag
+      }, props.children));
+    })) : /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, {
+        backgroundColor: this._showSkeleton ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor
+      }]
+    }, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      const keyboardOffset = props.consumenotch ? (insets === null || insets === void 0 ? void 0 : insets.bottom) || 0 : 0;
+      const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;
+      return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+        keyboardVerticalOffset: verticalOffset,
+        style: {
+          flex: 1
+        }
+      }, this._background, props.children);
+    }));
+  }
+}
+_defineProperty(WmPageContent, "contextType", StickyWrapperContext);
+//# sourceMappingURL=page-content.component.js.map

package/components/page/page-content/page-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createRef","KeyboardAvoidingView","Platform","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","WmPageContentProps","DEFAULT_CLASS","WmLottie","SafeAreaInsetsContext","Animated","StickyWrapperContext","isNumber","WmPageContentState","constructor","args","_defineProperty","WmPageContent","props","event","context","_event$nativeEvent","onScrollEndDrag","scrollDirection","scrollPosition","nativeEvent","contentOffset","y","value","invokeEventCallback","proxy","scrollRef","requestAnimationFrame","notify","hideMode","DONOT_ADD_TO_DOM","state","navHeightForRender","bottomTabHeightForRender","subscribe","scrollTo","_this$scrollRef","current","scrollToEnd","componentDidMount","_unsubscribeNavHeight","navHeightValue","setState","navHeight","bottomTabHeightValue","bottomTabHeight","componentWillUnmount","position","_this$scrollRef2","x","animated","renderSkeleton","skeletonanimationresource","createElement","style","width","styles","root","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","showScrollbar","scrollbarColor","borderRadiusStyles","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","scrollable","height","backgroundColor","_showSkeleton","_background","Consumer","insets","top","bottom","left","right","_this$styles","_this$styles2","_this$styles3","_this$styles4","keyboardOffset","consumenotch","verticalOffset","OS","keyboardverticaloffset","paddingTop","padding","paddingBottom","paddingTopVal","paddingBottomVal","navHeightVal","onscroll","bottomTabHeightVal","behavior","undefined","keyboardVerticalOffset","flex","ScrollView","keyboardShouldPersistTaps","keyboardpersisttaps","testID","getTestId","ref","contentContainerStyle","onLayout","handleScrollViewLayout","showsVerticalScrollIndicator","onScroll","alwaysBounceVertical","alwaysBounceHorizontal","bounces","overScrollMode","removeClippedSubviews","handleOnScrollEndDrag","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React, { createRef, RefObject, useEffect, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\nimport WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport Animated from 'react-native-reanimated';\nimport { StickyWrapperContextType, StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { isNumber } from 'lodash-es';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n  navHeightForRender = 0;\n  bottomTabHeightForRender = 0;\n}\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n  private scrollRef: RefObject<any>;\n  static contextType = StickyWrapperContext;\n  private _unsubscribeNavHeight : any;\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.scrollRef = createRef();\n  \n    this.state = {\n      ...this.state,\n      navHeightForRender: 0,\n      bottomTabHeightForRender: 0,\n    };\n\n    this.subscribe('scrollToPosition', (args: any) => {\n      this.scrollTo(args);\n    });\n\n    this.subscribe('scrollToEnd', () => {\n      this.scrollRef?.current?.scrollToEnd();\n    });\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this._unsubscribeNavHeight = this.subscribe('updateNavHeight', (navHeightValue: number) => {\n      if (this.state.navHeightForRender !== navHeightValue) {\n        this.setState({ navHeightForRender: navHeightValue });\n      }\n      return null;\n    });\n    if (this.context && (this.context as StickyWrapperContextType).navHeight) {\n      this.setState({ navHeightForRender: (this.context as StickyWrapperContextType).navHeight.value });\n    }\n\n    this._unsubscribeNavHeight = this.subscribe('updateBottomTabHeight', (bottomTabHeightValue: number) => {\n      if (this.state.bottomTabHeightForRender !== bottomTabHeightValue) {\n        this.setState({ bottomTabHeightForRender: bottomTabHeightValue });\n      }\n      return null;\n    });\n    if (this.context && (this.context as StickyWrapperContextType).bottomTabHeight) {\n      this.setState({ bottomTabHeightForRender: (this.context as StickyWrapperContextType).bottomTabHeight.value });\n    }\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    if (this._unsubscribeNavHeight) this._unsubscribeNavHeight();\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current?.scrollTo({\n      x: position.x,\n      y: position.y,\n      animated: true\n    });\n  }\n\n  private handleOnScrollEndDrag = (event: any) => {\n    if(this.context) {\n      const { onScrollEndDrag, scrollDirection } = this.context as StickyWrapperContextType;\n      const scrollPosition = event?.nativeEvent?.contentOffset?.y;\n      if (scrollPosition >= 0) {\n        if(scrollDirection.value > 0) {\n          this.invokeEventCallback('onSwipeup', [null, this.proxy]);\n        }else {\n          this.invokeEventCallback('onSwipedown', [null, this.proxy]);\n        }\n        onScrollEndDrag(this.scrollRef);\n      }\n    }\n  }\n\n  public renderSkeleton(props: WmPageContentProps): React.ReactNode {\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n       <WmLottie styles={{ content: {...this.styles.root, ...this.styles.skeleton.root} }} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    } \n    return null;\n  }\n\n  private handleScrollViewLayout = () => {\n    requestAnimationFrame(() => {\n        this.notify('updateStickyHeaders', []);\n    });\n  }\n\n  renderWidget(props: WmPageContentProps) {\n    const showScrollbar = (this.styles.root as any).scrollbarColor != 'transparent';\n    const borderRadiusStyles = {\n      borderRadius: this.styles.root.borderRadius,\n      borderTopLeftRadius: this.styles.root.borderTopLeftRadius,\n      borderTopRightRadius: this.styles.root.borderTopRightRadius,\n      borderBottomLeftRadius: this.styles.root.borderBottomLeftRadius,\n      borderBottomRightRadius: this.styles.root.borderBottomRightRadius,\n    };\n    return (props.scrollable || isWebPreviewMode()) ? (\n      <View style={{height: '100%', width: '100%',\n         ...borderRadiusStyles,\n       backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor\n      \n       }}>\n        {this._background}\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            const paddingTop = this.styles?.root?.paddingTop || this.styles?.root?.padding;\n            const paddingBottom = this.styles?.root?.paddingBottom || this.styles?.root?.padding;\n            const paddingTopVal = isNumber(paddingTop) ? paddingTop : 0;\n            const paddingBottomVal = isNumber(paddingBottom) ? paddingBottom : 0;\n            const navHeightVal = (this.props.onscroll == 'topnav' || this.props.onscroll == 'topnav-bottomnav') ? this.state.navHeightForRender : 0;\n            const bottomTabHeightVal = this.props.onscroll == 'topnav-bottomnav' ? this.state.bottomTabHeightForRender : 0;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                  <Animated.ScrollView\n                    keyboardShouldPersistTaps={props.keyboardpersisttaps}\n                    testID={this.getTestId(\"page_content_scrollview\")}\n                    ref={this.scrollRef}\n                    contentContainerStyle={[\n                      this.styles.root, {backgroundColor: 'transparent', \n                        paddingTop: navHeightVal + paddingTopVal, \n                        paddingBottom: bottomTabHeightVal + paddingBottomVal\n                      }\n                    ]}\n                    onLayout={this.handleScrollViewLayout}\n                    showsVerticalScrollIndicator={showScrollbar}\n                    onScroll={this.context && (this.context as StickyWrapperContextType).onScroll ? \n                      (this.context as StickyWrapperContextType).onScroll \n                      : ()=>{}\n                    }\n                    alwaysBounceVertical={false}\n                    alwaysBounceHorizontal={false}\n                    bounces={false}\n                    overScrollMode=\"never\"\n                    removeClippedSubviews={Platform.OS == 'android'}\n                    onScrollEndDrag={this.handleOnScrollEndDrag}\n                  >\n                    {props.children}\n                  </Animated.ScrollView>\n              </KeyboardAvoidingView>\n            )\n          }}\n        </SafeAreaInsetsContext.Consumer>\n      </View>      \n    ) : (\n      <View style={[this.styles.root,\n          {backgroundColor: this._showSkeleton ?\n            this.styles.skeleton.root.backgroundColor : \n            this.styles.root.backgroundColor}]}>\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                {this._background}\n                {props.children}\n              </KeyboardAvoidingView>\n            )}}\n        </SafeAreaInsetsContext.Consumer>\n      </View>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/components/page/page-content/page-content.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';
+export default class WmPageContentProps extends SkeletonAnimationProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "scrollable", true);
+    _defineProperty(this, "onSwipeup", null);
+    _defineProperty(this, "onSwipedown", null);
+    _defineProperty(this, "keyboardverticaloffset", 100);
+    _defineProperty(this, "keyboardpersisttaps", 'never');
+    _defineProperty(this, "consumenotch", true);
+    _defineProperty(this, "onscroll", '');
+  }
+}
+//# sourceMappingURL=page-content.props.js.map

package/components/page/page-content/page-content.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SkeletonAnimationProps","WmPageContentProps","constructor","args","_defineProperty"],"sources":["page-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';\n\nexport default class WmPageContentProps extends SkeletonAnimationProps {\n    children: any[] = null as any;\n    scrollable: boolean = true;\n    onSwipeup?: Function = null as any;  \n    onSwipedown?: Function = null as any;\n    keyboardverticaloffset: number = 100;\n    keyboardpersisttaps: 'never'| 'always' | 'handled' = 'never';\n    consumenotch: boolean = true;\n    onscroll: string = '';\n}"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,2DAA2D;AAElG,eAAe,MAAMC,kBAAkB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACjD,IAAI;IAAAA,eAAA,qBACA,IAAI;IAAAA,eAAA,oBACH,IAAI;IAAAA,eAAA,sBACF,IAAI;IAAAA,eAAA,iCACI,GAAG;IAAAA,eAAA,8BACiB,OAAO;IAAAA,eAAA,uBACpC,IAAI;IAAAA,eAAA,mBACT,EAAE;EAAA;AACzB","ignoreList":[]}

package/components/page/page-content/page-content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","backgroundColor","pageContentBgColor","minHeight","text","skeleton","height","maxModalHeight"],"sources":["page-content.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmPageContentStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-page-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPageContentStyles = defineStyles({\n        root: {\n            padding: 8,\n            backgroundColor: themeVariables.pageContentBgColor,\n            minHeight: '100%'\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: themeVariables.maxModalHeight\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACFC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAEL,cAAc,CAACM,kBAAkB;MAClDC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNN,IAAI,EAAE;QACFO,MAAM,EAAEV,cAAc,CAACW;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/page/page.component.js

@@ -0,0 +1,69 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { PanResponder, View, StatusBar, Platform } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './page.styles';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { StickyViewComponents } from '@wavemaker/app-rn-runtime/core/sticky-view.component';
+import { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+import * as NavigationBar from 'expo-navigation-bar';
+export class WmPageState extends BaseComponentState {}
+export default class WmPage extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "panResponder", PanResponder.create({
+      onStartShouldSetPanResponderCapture: e => {
+        this.notify('globaltouch', [e]);
+        return false;
+      }
+    }));
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.setNavigationBarColor();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    super.componentDidUpdate(prevProps, prevState);
+    if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {
+      this.setNavigationBarColor();
+    }
+  }
+  setNavigationBarColor() {
+    var _this$appConfig;
+    const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+    if (Platform.OS !== 'android' || !isEdgeToEdgeApp) return;
+    const isDark = this.props.navigationbarstyle === 'dark';
+    const navbarColor = isDark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)';
+    const buttonStyle = isDark ? 'light' : 'dark';
+    NavigationBar.setBackgroundColorAsync(navbarColor);
+    NavigationBar.setButtonStyleAsync(buttonStyle);
+  }
+  renderWidget(props) {
+    var _this$appConfig2;
+    const isEdgeToEdgeApp = !!((_this$appConfig2 = this.appConfig) !== null && _this$appConfig2 !== void 0 && (_this$appConfig2 = _this$appConfig2.edgeToEdgeConfig) !== null && _this$appConfig2 !== void 0 && _this$appConfig2.isEdgeToEdgeApp);
+    return /*#__PURE__*/React.createElement(StickyViewComponents, {
+      hasAppnavbar: props.hasappnavbar,
+      onscroll: props.onscroll,
+      notifier: this.notifier
+    }, /*#__PURE__*/React.createElement(FixedViewContainer, null, isEdgeToEdgeApp && Platform.OS === "android" ? /*#__PURE__*/React.createElement(StatusBar, {
+      barStyle: props.statusbarstyle
+    }) : null, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      return /*#__PURE__*/React.createElement(View, _extends({}, this.getTestProps(), {
+        style: [{
+          paddingTop: !(props !== null && props !== void 0 && props.hasappnavbar) && isEdgeToEdgeApp ? insets === null || insets === void 0 ? void 0 : insets.top : 0
+        }, this.styles.root]
+      }, this.panResponder.panHandlers), this._background, props.children);
+    })));
+  }
+}
+//# sourceMappingURL=page.component.js.map

package/components/page/page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PanResponder","View","StatusBar","Platform","BaseComponent","BaseComponentState","DEFAULT_CLASS","SafeAreaInsetsContext","StickyViewComponents","FixedViewContainer","injector","NavigationBar","WmPageState","WmPage","constructor","props","_defineProperty","get","create","onStartShouldSetPanResponderCapture","e","notify","componentDidMount","setNavigationBarColor","componentDidUpdate","prevProps","prevState","navigationbarstyle","_this$appConfig","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","OS","isDark","navbarColor","buttonStyle","setBackgroundColorAsync","setButtonStyleAsync","renderWidget","_this$appConfig2","createElement","hasAppnavbar","hasappnavbar","onscroll","notifier","barStyle","statusbarstyle","Consumer","insets","top","bottom","left","right","_extends","getTestProps","style","paddingTop","styles","root","panResponder","panHandlers","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PanResponder, ScrollView, View, NativeSyntheticEvent,  NativeScrollEvent ,StatusBar, Platform} from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyViewComponents } from '@wavemaker/app-rn-runtime/core/sticky-view.component';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport * as NavigationBar from 'expo-navigation-bar';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n  panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: (e) => {\n      this.notify('globaltouch', [e]);\n      return false;\n    },\n  });\n  constructor(props: WmPageProps) {\n    super(props, DEFAULT_CLASS);\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setNavigationBarColor();\n  }\n\n  componentDidUpdate(prevProps: WmPageProps, prevState: WmPageState) {\n    super.componentDidUpdate(prevProps, prevState)\n    if (prevProps.navigationbarstyle !== this.props.navigationbarstyle) {\n      this.setNavigationBarColor();\n    }\n  }\n\n  setNavigationBarColor() {\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    if (Platform.OS !== 'android' || !isEdgeToEdgeApp) return;\n    \n    const isDark = this.props.navigationbarstyle === 'dark';\n    const navbarColor = isDark ? 'rgba(0,0,0,0.2)' : 'rgba(255,255,255,0.5)';\n      \n    const buttonStyle = isDark ? 'light' : 'dark';\n\n    NavigationBar.setBackgroundColorAsync(navbarColor);\n    NavigationBar.setButtonStyleAsync(buttonStyle);\n  }\n\n  renderWidget(props: WmPageProps) {\n\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    return (\n      <StickyViewComponents hasAppnavbar={props.hasappnavbar} onscroll={props.onscroll} notifier={this.notifier}>\n        <FixedViewContainer>\n        {isEdgeToEdgeApp && Platform.OS ===\"android\" ? <StatusBar barStyle={props.statusbarstyle}/> : null}\n          <SafeAreaInsetsContext.Consumer>\n            {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n              return (\n                <View \n                  {...this.getTestProps()}\n                  style={[{paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 },this.styles.root]} \n                  {...this.panResponder.panHandlers}\n                > \n                  {this._background}\n                  {props.children}\n                </View> \n              )\n            }}\n          </SafeAreaInsetsContext.Consumer>\n        </FixedViewContainer>\n      </StickyViewComponents>\n    ); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/page.props.js

@@ -0,0 +1,16 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmPageProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "hasappnavbar", true);
+    _defineProperty(this, "onscroll", '');
+    // none, topnav, topnav-bottomnav
+    _defineProperty(this, "statusbarstyle", 'default');
+    _defineProperty(this, "navigationbarstyle", "light");
+  }
+}
+//# sourceMappingURL=page.props.js.map

package/components/page/page.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPageProps","constructor","args","_defineProperty"],"sources":["page.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nexport default class WmPageProps extends BaseProps{\n  children: any[] = [];\n  hasappnavbar:boolean = true;\n  onscroll: string = ''; // none, topnav, topnav-bottomnav\n  statusbarstyle:'default'|'dark-content'|'light-content' = 'default';\n  navigationbarstyle:'dark'|'light' = \"light\";\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AACzE,eAAe,MAAMC,WAAW,SAASD,SAAS;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9B,EAAE;IAAAA,eAAA,uBACG,IAAI;IAAAA,eAAA,mBACR,EAAE;IAAE;IAAAA,eAAA,yBACmC,SAAS;IAAAA,eAAA,6BAC/B,OAAO;EAAA;AAC7C","ignoreList":[]}

package/components/page/partial-container/partial-container.component.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmPartialContainerProps from './partial-container.props';
+import { DEFAULT_CLASS } from './partial-container.styles';
+import { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';
+import { PartialConsumer } from '@wavemaker/app-rn-runtime/core/partial.service';
+export class WmPartialContainerState extends BaseComponentState {}
+export default class WmPartialContainer extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPartialContainerProps());
+    this.hideMode = HideMode.DONOT_ADD_TO_DOM;
+  }
+  renderWidget(props) {
+    const params = {};
+    Object.keys(this.props).forEach(k => {
+      //@ts-ignore
+      params[k] = props[k];
+    });
+    params.parent = this.parent;
+    params['name'] = params['partial_name'];
+    delete params['partial_name'];
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(PartialConsumer, null, partialService => {
+      var _props$prefab, _props$prefab2;
+      const partial = partialService.get(props.content, {
+        isPrefab: !!(props !== null && props !== void 0 && (_props$prefab = props.prefab) !== null && _props$prefab !== void 0 && _props$prefab.prefabname),
+        name: props === null || props === void 0 || (_props$prefab2 = props.prefab) === null || _props$prefab2 === void 0 ? void 0 : _props$prefab2.prefabname
+      });
+      return partial ? /*#__PURE__*/React.createElement(partial, params) : null;
+    }));
+  }
+}
+//# sourceMappingURL=partial-container.component.js.map

package/components/page/partial-container/partial-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPartialContainerProps","DEFAULT_CLASS","HideMode","PartialConsumer","WmPartialContainerState","WmPartialContainer","constructor","props","hideMode","DONOT_ADD_TO_DOM","renderWidget","params","Object","keys","forEach","k","parent","createElement","style","styles","root","_background","partialService","_props$prefab","_props$prefab2","partial","get","content","isPrefab","prefab","prefabname","name"],"sources":["partial-container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPartialContainerProps from './partial-container.props';\nimport { DEFAULT_CLASS, WmPartialContainerStyles } from './partial-container.styles';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport PartialService, { PartialConsumer } from '@wavemaker/app-rn-runtime/core/partial.service';\n\nexport class WmPartialContainerState extends BaseComponentState<WmPartialContainerProps> {}\n\nexport default class WmPartialContainer extends BaseComponent<WmPartialContainerProps, WmPartialContainerState, WmPartialContainerStyles> {\n\n  constructor(props: WmPartialContainerProps) {\n    super(props, DEFAULT_CLASS, new WmPartialContainerProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n  }\n\n  renderWidget(props: WmPartialContainerProps) {\n    const params = {} as any;\n    Object.keys(this.props).forEach((k: string) => {\n      //@ts-ignore\n      params[k] = props[k];\n    });\n    params.parent = this.parent;\n    params['name'] = params['partial_name'];\n    delete params['partial_name'];\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <PartialConsumer>\n          {(partialService: PartialService) => {\n            const partial = partialService.get(\n              props.content, \n              {\n                isPrefab: !!props?.prefab?.prefabname, \n                name: props?.prefab?.prefabname\n              }\n            );\n            \n            return partial ? React.createElement(partial, params) : null;\n          }}\n        </PartialConsumer>\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,uBAAuB,MAAM,2BAA2B;AAC/D,SAASC,aAAa,QAAkC,4BAA4B;AACpF,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAAyBC,eAAe,QAAQ,gDAAgD;AAEhG,OAAO,MAAMC,uBAAuB,SAASL,kBAAkB,CAA0B;AAEzF,eAAe,MAAMM,kBAAkB,SAASP,aAAa,CAA6E;EAExIQ,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;IAC1D,IAAI,CAACQ,QAAQ,GAAGN,QAAQ,CAACO,gBAAgB;EAC3C;EAEAC,YAAYA,CAACH,KAA8B,EAAE;IAC3C,MAAMI,MAAM,GAAG,CAAC,CAAQ;IACxBC,MAAM,CAACC,IAAI,CAAC,IAAI,CAACN,KAAK,CAAC,CAACO,OAAO,CAAEC,CAAS,IAAK;MAC7C;MACAJ,MAAM,CAACI,CAAC,CAAC,GAAGR,KAAK,CAACQ,CAAC,CAAC;IACtB,CAAC,CAAC;IACFJ,MAAM,CAACK,MAAM,GAAG,IAAI,CAACA,MAAM;IAC3BL,MAAM,CAAC,MAAM,CAAC,GAAGA,MAAM,CAAC,cAAc,CAAC;IACvC,OAAOA,MAAM,CAAC,cAAc,CAAC;IAC7B,oBACEf,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBzB,KAAA,CAAAqB,aAAA,CAACd,eAAe,QACZmB,cAA8B,IAAK;MAAA,IAAAC,aAAA,EAAAC,cAAA;MACnC,MAAMC,OAAO,GAAGH,cAAc,CAACI,GAAG,CAChCnB,KAAK,CAACoB,OAAO,EACb;QACEC,QAAQ,EAAE,CAAC,EAACrB,KAAK,aAALA,KAAK,gBAAAgB,aAAA,GAALhB,KAAK,CAAEsB,MAAM,cAAAN,aAAA,eAAbA,aAAA,CAAeO,UAAU;QACrCC,IAAI,EAAExB,KAAK,aAALA,KAAK,gBAAAiB,cAAA,GAALjB,KAAK,CAAEsB,MAAM,cAAAL,cAAA,uBAAbA,cAAA,CAAeM;MACvB,CACF,CAAC;MAED,OAAOL,OAAO,gBAAG7B,KAAK,CAACqB,aAAa,CAACQ,OAAO,EAAEd,MAAM,CAAC,GAAG,IAAI;IAC9D,CACe,CACb,CAAC;EAEX;AACF","ignoreList":[]}

package/components/page/partial-container/partial-container.props.js

@@ -0,0 +1,13 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmPartialContainerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "content", null);
+    _defineProperty(this, "onLoad", () => {});
+    _defineProperty(this, "prefab", void 0);
+  }
+}
+//# sourceMappingURL=partial-container.props.js.map

package/components/page/partial-container/partial-container.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPartialContainerProps","constructor","args","_defineProperty"],"sources":["partial-container.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPartialContainerProps extends BaseProps {\n  content: string = null as any;\n  onLoad?: Function = () => {};\n  prefab?: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC3C,IAAI;IAAAA,eAAA,iBACF,MAAM,CAAC,CAAC;IAAAA,eAAA;EAAA;AAE9B","ignoreList":[]}