@wavemaker/app-rn-runtime 12.0.0-next.45190 → 12.0.0-next.45196

app-rn-runtime/components/advanced/carousel/carousel.component.js

@@ -25,8 +25,8 @@ export default class WmCarousel extends BaseComponent {
     _defineProperty(this, "slidesLayout", []);
     _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
     _defineProperty(this, "stopPlay", null);
-    _defineProperty(this, "dotScale", new Animated.Value(0));
     _defineProperty(this, "dotPosition", new Animated.Value(0));
+    _defineProperty(this, "wrapperPosition", new Animated.Value(0));
     _defineProperty(this, "animationView", null);
     _defineProperty(this, "animationHandlers", {
       bounds: e => {
@@ -156,42 +156,43 @@ export default class WmCarousel extends BaseComponent {
   animatePagination(index) {
     var _this$styles$dotStyle, _this$styles$dotStyle2, _this$styles$dotStyle3;
     const prevIndex = this.state.activeIndex;
+    const maxNoOfDots = this.state.props.maxnoofdots;
     const margin = (((_this$styles$dotStyle = this.styles.dotStyle) === null || _this$styles$dotStyle === void 0 ? void 0 : _this$styles$dotStyle.marginLeft) || 0) + (((_this$styles$dotStyle2 = this.styles.dotStyle) === null || _this$styles$dotStyle2 === void 0 ? void 0 : _this$styles$dotStyle2.marginRight) || 0);
     const width = ((_this$styles$dotStyle3 = this.styles.dotStyle) === null || _this$styles$dotStyle3 === void 0 ? void 0 : _this$styles$dotStyle3.width) || 2;
     const size = margin + width;
-    const position = Math.max(index - 1, 0) * size;
-    const scale = Math.abs(index - prevIndex) * size;
+    const multiplier = this.isRTL ? -1 : 1;
     const options = {
       useNativeDriver: true,
-      duration: 200,
+      duration: 100,
       easing: Easing.out(Easing.linear)
     };
-    if (prevIndex < index) {
-      Animated.sequence([Animated.timing(this.dotScale, {
-        toValue: scale,
+    const shouldAnimate = !(maxNoOfDots >= this.state.props.dataset.length) && index > 3 && index <= this.state.props.dataset.length - 2;
+    if (shouldAnimate) {
+      const newTranslateX = multiplier * -(index - 3) * (width + margin);
+      Animated.timing(this.wrapperPosition, {
+        toValue: newTranslateX,
         ...options
-      }), Animated.parallel([Animated.timing(this.dotScale, {
+      }).start();
+    }
+    if (index == 1 && prevIndex == this.state.props.dataset.length) {
+      Animated.timing(this.wrapperPosition, {
         toValue: 0,
         ...options
-      }), Animated.timing(this.dotPosition, {
-        toValue: (this.isRTL ? -1 : 1) * position,
-        ...options
-      })])]).start();
-    } else if (prevIndex > index) {
-      Animated.sequence([Animated.parallel([Animated.timing(this.dotScale, {
-        toValue: scale,
-        ...options
-      }), Animated.timing(this.dotPosition, {
-        toValue: (this.isRTL ? -1 : 1) * position,
-        ...options
-      })]), Animated.timing(this.dotScale, {
-        toValue: 0,
+      }).start();
+    }
+    if (prevIndex < index || prevIndex > index) {
+      Animated.timing(this.dotPosition, {
+        toValue: multiplier * size * Math.max(index - 1, 0),
         ...options
-      })]).start();
+      }).start();
     }
   }
   renderPagination(data) {
+    var _this$styles$dotStyle4, _this$styles$dotStyle5;
     const maxNoOfDots = this.state.props.maxnoofdots;
+    const activeIndex = this.state.activeIndex - 1;
+    const dotMargin = (((_this$styles$dotStyle4 = this.styles.dotStyle) === null || _this$styles$dotStyle4 === void 0 ? void 0 : _this$styles$dotStyle4.marginLeft) || 0) + (((_this$styles$dotStyle5 = this.styles.dotStyle) === null || _this$styles$dotStyle5 === void 0 ? void 0 : _this$styles$dotStyle5.marginRight) || 0);
+    const wrapperWidth = this.styles.dotStyle.width * maxNoOfDots + dotMargin * maxNoOfDots;
     let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);
     let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);
     if (maxIndex === data.length) {
@@ -202,37 +203,50 @@ export default class WmCarousel extends BaseComponent {
       ...this.styles.dotSkeleton.root
     } : this.styles.dotStyle;
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.dotsWrapperStyle
+      style: {
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
     }, /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.dotsWrapperStyle, {
+        width: wrapperWidth
+      }]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
       style: {
-        flexDirection: this.isRTL ? 'row-reverse' : 'row'
+        flexDirection: this.isRTL ? 'row-reverse' : 'row',
+        alignItems: 'center',
+        transform: [{
+          translateX: this.wrapperPosition
+        }]
       }
     }, data.map((item, index) => {
-      return index >= minIndex && index <= maxIndex ? /*#__PURE__*/React.createElement(View, _extends({
+      const isActive = index === activeIndex;
+      let scale = 1;
+      if (activeIndex <= 2) {
+        scale = index <= 2 ? 1 : 1 - 0.1 * (index - 2);
+      } else if (activeIndex >= data.length - 3) {
+        scale = index >= data.length - 3 ? 1 : 1 - 0.1 * (data.length - 3 - index);
+      } else {
+        scale = index === activeIndex ? 1 : Math.abs(index - activeIndex) === 1 ? 0.9 : 0.8;
+      }
+      const animatedScale = new Animated.Value(scale);
+      Animated.timing(animatedScale, {
+        toValue: scale,
+        duration: 100,
+        easing: Easing.out(Easing.ease),
+        useNativeDriver: true
+      }).start();
+      return /*#__PURE__*/React.createElement(Animated.View, _extends({
         key: 'dots_' + this.generateItemKey(item, index, this.state.props)
       }, this.getTestPropsForAction('indicator' + index), {
-        style: [dotStyle]
-      })) : null;
-    }), this._showSkeleton ? null : /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.styles.dotStyle, this.styles.activeDotStyle, {
-        width: undefined,
-        height: undefined,
-        transform: [{
-          translateX: this.dotPosition
+        style: [dotStyle, {
+          opacity: isActive ? 1 : 0.8,
+          transform: [{
+            scale: animatedScale
+          }]
         }]
-      }, this.isRTL ? {
-        right: 0
-      } : {
-        left: 0
-      }]
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: [{
-        width: 1,
-        height: 1
-      }, {
-        // This is failing in Android
-        // minWidth: this.dotScale
-      }]
+      }));
     }))));
   }
   renderSkeleton(props) {
@@ -289,6 +303,7 @@ export default class WmCarousel extends BaseComponent {
       return /*#__PURE__*/React.createElement(Animated.View, {
         key: this.generateItemKey(item, index, props),
         onLayout: this.addSlideLayout.bind(this, index),
+        testID: `carousel_item_${index}`,
         style: [{
           height: props.type === 'dynamic' ? undefined : '100%'
         }, this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {

app-rn-runtime/components/advanced/carousel/carousel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isArray","isUndefined","Animated","Easing","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","Tappable","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","args","_defineProperty","WmCarousel","props","Value","bounds","e","_this$slidesLayout","_this$slidesLayout$ac","activeTabIndex","state","activeIndex","lower","slidesLayout","filter","l","i","reduce","s","width","center","upper","computePhase","value","_this$slidesLayout$ac2","w","Math","abs","onLower","onSlideChange","onUpper","noOfSlides","_this$animationView","animationView","setPosition","index","prevIndex","updateState","invokeEventCallback","animatePagination","item","type","renderSlide","children","data","dataset","length","_this$animationView2","_this$animationView3","goToUpper","_this$animationView4","goToLower","cleanup","push","stopPlay","addSlideLayout","nativeEvent","layout","forceUpdate","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","autoPlay","initialized","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView5","stopAnimation","startAnimation","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","min","_this$styles$dotStyle","_this$styles$dotStyle2","_this$styles$dotStyle3","margin","styles","dotStyle","marginLeft","marginRight","size","position","max","scale","options","useNativeDriver","duration","easing","out","linear","sequence","timing","dotScale","toValue","parallel","dotPosition","isRTL","start","renderPagination","maxNoOfDots","maxnoofdots","minIndex","maxIndex","dotSkeleton","root","createElement","style","dotsWrapperStyle","flexDirection","map","_extends","key","getTestPropsForAction","activeDotStyle","undefined","height","transform","translateX","right","left","renderSkeleton","skeleton","renderItem","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","slideScale","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","_background","enableGestures","enablegestures","flex","direction","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView6","_this$animationView7","isActive","animationPhase","interpolate","inputRange","outputRange","onLayout","bind","firstSlide","lastSlide","activeSlide","onTap","_this$animationView8","rippleColor","btnPanel","id","getTestId","iconclass","prevBtn","prev","accessibilitylabel","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray, isUndefined } from 'lodash-es';\nimport { Animated, Easing, View, LayoutChangeEvent, LayoutRectangle } from 'react-native';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 1;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  noOfSlides: number = 0;\n  private slidesLayout: LayoutRectangle[] = [];\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private dotScale = new Animated.Value(0);\n  private dotPosition = new Animated.Value(0);\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.activeIndex - 1;\n      let lower = 0;\n      if (activeTabIndex > 0) {\n        lower = this.slidesLayout\n          .filter((l , i) => i < activeTabIndex - 1)\n          .reduce((s, l) => s + l.width, 0);\n      }\n      let center = lower + (this.slidesLayout[activeTabIndex - 1]?.width || 0);\n      let upper = center + (this.slidesLayout[activeTabIndex]?.width || 0);\n      return {\n        lower: -1 * lower,\n        center: -1 * center,\n        upper:  -1 * upper\n      };\n    },\n    computePhase: (value) => {\n      const activeTabIndex = this.state.activeIndex - 1;\n      const w = this.slidesLayout[activeTabIndex]?.width || 0;\n      return w && Math.abs(value / w);\n    },\n    onLower: (e) => {\n      this.onSlideChange(this.state.activeIndex - 1);\n    },\n    onUpper: (e) => {\n      if(this.noOfSlides < this.state.activeIndex + 1){\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }\n      else{\n        this.onSlideChange(this.state.activeIndex + 1);\n      }\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  addSlideLayout(index: number, nativeEvent: LayoutChangeEvent) {\n    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.state.activeIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  private generateItemKey(item: any, index: number, props: WmCarouselProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  this.keyExtractor.getKey(item, true);\n  }\n\n  autoPlay() {\n    if(!this.initialized){\n      return;\n    }\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation === 'auto' && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    } else {\n      setTimeout(() => {\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }, 1000);\n    }\n  }\n\n  stopAnimation(){  \n    this.stopPlay();\n  }\n  startAnimation() {\n      this.autoPlay();\n  }\n  \n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'dataset': {\n          this.keyExtractor?.clear();\n          this.updateState({\n            activeIndex: Math.min(this.state.activeIndex, $new?.length || 1)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  animatePagination(index: number) {\n    const prevIndex = this.state.activeIndex;\n    const margin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0)\n    const width = (this.styles.dotStyle?.width as number)|| 2;\n    const size = margin + width;\n    const position = Math.max(index - 1, 0)  * size;\n    const scale = Math.abs(index - prevIndex) * size;\n    const options = {\n      useNativeDriver: true,\n      duration: 200,\n      easing: Easing.out(Easing.linear)\n    };\n    if (prevIndex < index) {\n      Animated.sequence([\n        Animated.timing(this.dotScale, {\n          toValue: scale,\n          ...options\n        }),\n        Animated.parallel([\n          Animated.timing(this.dotScale, {\n              toValue:  0,\n              ...options\n          }),\n          Animated.timing(this.dotPosition, {\n              toValue:  (this.isRTL ? -1: 1) * position,\n              ...options\n          })\n        ])\n      ]).start();\n    } else if (prevIndex > index) {\n      Animated.sequence([\n        Animated.parallel([\n          Animated.timing(this.dotScale, {\n              toValue:  scale,\n              ...options\n          }),\n          Animated.timing(this.dotPosition, {\n              toValue:  (this.isRTL ? -1: 1) * position,\n              ...options\n          })\n        ]),\n        Animated.timing(this.dotScale, {\n          toValue: 0,\n          ...options\n        }),\n      ]).start();\n    } \n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n    this.animatePagination(index);\n  }\n\n  renderItem = (item: any, index: number) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(item, index, this) : null;\n    }\n    return props.children[index];\n  }\n\n  next = () => {\n    const props = this.state.props;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    if (this.state.activeIndex >= data?.length || 0) {\n      this.onSlideChange(1);\n      this.animationView?.setPosition(0);\n    } else {\n      this.animationView?.goToUpper();\n    }\n  }\n\n  prev = () => {\n    this.animationView?.goToLower();\n  }\n\n  renderPagination(data: any) {\n    const maxNoOfDots = this.state.props.maxnoofdots;\n    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);\n    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);\n    if (maxIndex === data.length) {\n      minIndex = maxIndex - maxNoOfDots;\n    }\n    const dotStyle = this._showSkeleton ? {\n      ...this.styles.dotStyle,\n      ...this.styles.dotSkeleton.root\n    } : this.styles.dotStyle\n    return (<View style={this.styles.dotsWrapperStyle}>\n      <View style={{flexDirection: this.isRTL ? 'row-reverse' : 'row'}}>\n        {\n          data.map((item: any, index: number) => {\n            return index >= minIndex && index <= maxIndex ? (\n              <View key={'dots_' + this.generateItemKey(item, index, this.state.props)} {...this.getTestPropsForAction('indicator'+index)}\n                style={[dotStyle]}>\n              </View>) : null;\n          })\n        }\n        {\n          this._showSkeleton ? null : <Animated.View style={[\n            this.styles.dotStyle,\n            this.styles.activeDotStyle, {\n              width: undefined,\n              height: undefined,\n              transform: [{\n                translateX: this.dotPosition\n              }]\n            }, this.isRTL ? { right: 0 } : { left: 0}]}>\n              <Animated.View style={[{\n                width: 1,\n                height: 1\n              }, {\n                // This is failing in Android\n                // minWidth: this.dotScale\n              }]}>\n          </Animated.View>\n          </Animated.View>\n        }\n      </View>\n    </View>);\n  }\n\n  public renderSkeleton(props: WmCarouselProps): React.ReactNode | null {\n    return <View style={[this.styles.root, {...this.styles.skeleton.root}]}>\n       {this.renderItem({}, 0)}\n      {this.renderPagination([{}, {}, {}])}\n    </View>\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.autoPlay();\n  }\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    data = isArray(data) ? data : [];\n    this.noOfSlides = data?.length || 0;\n    let slideScale = undefined as any;\n    let slideTranslateX = undefined as any;\n    if (isArray(this.styles.slide?.transform)) {\n      slideScale = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).scale)) as any)?.scale;\n      slideTranslateX = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).translateX)) as any)?.translateX;\n    }\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root}>\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures && this.noOfSlides > 1}\n            style={{\n              flex: 1\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n            slideMinWidth={this.styles.slide.width}\n          >\n          {data.map((item: any, index: number) => {\n            const isActive = index === this.state.activeIndex - 1;\n            let scale = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [slideScale, slideScale, 1, slideScale, slideScale]\n            });\n            let translateX = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [-56, -56, 0, 56, 56]\n            });\n            return (\n              <Animated.View key={this.generateItemKey(item, index, props)}\n                onLayout={this.addSlideLayout.bind(this, index)}\n                style={[\n                  {height: props.type === 'dynamic' ? undefined : '100%'},\n                  this.styles.slide,\n                  index === 0 ? this.styles.firstSlide : null,\n                  index === data.length - 1 ? this.styles.lastSlide: null,\n                  isActive ? this.styles.activeSlide: null,\n                  translateX && scale ? {\n                    transform: [\n                      {\n                        translateX: !isUndefined(slideTranslateX) ? slideTranslateX : translateX\n                      }, {\n                        scale: scale\n                      }\n                    ]\n                  } : null]}>\n                <Tappable onTap={() => {\n                  this.onSlideChange(index + 1);\n                  const position = this.slidesLayout\n                    .filter((l , i) => i < index)\n                    .reduce((s, l) => s + l.width, 0);\n                  this.animationView?.setPosition(-1 * position);\n                }} rippleColor={this.styles.root.rippleColor} styles={{height: \"100%\"}}>\n                  {this.renderItem(item, index)}\n                </Tappable>\n              </Animated.View>\n            );\n          })}\n        </SwipeAnimation.View>\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              id={this.getTestId('prev_icon')}\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}\n              accessibilitylabel='back'/>\n            <WmIcon\n              id={this.getTestId('next_icon')}\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}\n              accessibilitylabel='next'/>\n          </View>): null}\n          {hasDots && data ? this.renderPagination(data) : null}\n      </View>);\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,WAAW,QAAQ,WAAW;AAChD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAA4C,cAAc;AACzF,SAASC,mBAAmB,QAAQ,8CAA8C;AAClF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAO,KAAKC,cAAc,MAAM,oDAAoD;AACpF,SAASC,QAAQ,QAAQ,mDAAmD;AAE5E,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AAGnE,OAAO,MAAMC,eAAe,SAASL,kBAAkB,CAAkB;EAAAM,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBACzD,CAAC;EAAA;AACjB;AAEA,eAAe,MAAMC,UAAU,SAASV,aAAa,CAAqD;EA6CxGO,WAAWA,CAACI,MAAsB,EAAE;IAClC,KAAK,CAACA,MAAK,EAAEN,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAIE,eAAe,CAAC,CAAC,CAAC;IAACG,eAAA,qBA5CvD,CAAC;IAAAA,eAAA,uBACoB,EAAE;IAAAA,eAAA,uBACrB,IAAIX,mBAAmB,CAAC,CAAC;IAAAW,eAAA,mBAC3B,IAAI;IAAAA,eAAA,mBACN,IAAId,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,sBAClB,IAAId,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,wBACS,IAAI;IAAAA,eAAA,4BAC5B;MAC1BI,MAAM,EAAGC,CAAC,IAAK;QAAA,IAAAC,kBAAA,EAAAC,qBAAA;QACb,MAAMC,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,WAAW,GAAG,CAAC;QACjD,IAAIC,KAAK,GAAG,CAAC;QACb,IAAIH,cAAc,GAAG,CAAC,EAAE;UACtBG,KAAK,GAAG,IAAI,CAACC,YAAY,CACtBC,MAAM,CAAC,CAACC,CAAC,EAAGC,CAAC,KAAKA,CAAC,GAAGP,cAAc,GAAG,CAAC,CAAC,CACzCQ,MAAM,CAAC,CAACC,CAAC,EAAEH,CAAC,KAAKG,CAAC,GAAGH,CAAC,CAACI,KAAK,EAAE,CAAC,CAAC;QACrC;QACA,IAAIC,MAAM,GAAGR,KAAK,IAAI,EAAAL,kBAAA,OAAI,CAACM,YAAY,CAACJ,cAAc,GAAG,CAAC,CAAC,cAAAF,kBAAA,uBAArCA,kBAAA,CAAuCY,KAAK,KAAI,CAAC,CAAC;QACxE,IAAIE,KAAK,GAAGD,MAAM,IAAI,EAAAZ,qBAAA,OAAI,CAACK,YAAY,CAACJ,cAAc,CAAC,cAAAD,qBAAA,uBAAjCA,qBAAA,CAAmCW,KAAK,KAAI,CAAC,CAAC;QACpE,OAAO;UACLP,KAAK,EAAE,CAAC,CAAC,GAAGA,KAAK;UACjBQ,MAAM,EAAE,CAAC,CAAC,GAAGA,MAAM;UACnBC,KAAK,EAAG,CAAC,CAAC,GAAGA;QACf,CAAC;MACH,CAAC;MACDC,YAAY,EAAGC,KAAK,IAAK;QAAA,IAAAC,sBAAA;QACvB,MAAMf,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,WAAW,GAAG,CAAC;QACjD,MAAMc,CAAC,GAAG,EAAAD,sBAAA,OAAI,CAACX,YAAY,CAACJ,cAAc,CAAC,cAAAe,sBAAA,uBAAjCA,sBAAA,CAAmCL,KAAK,KAAI,CAAC;QACvD,OAAOM,CAAC,IAAIC,IAAI,CAACC,GAAG,CAACJ,KAAK,GAAGE,CAAC,CAAC;MACjC,CAAC;MACDG,OAAO,EAAGtB,CAAC,IAAK;QACd,IAAI,CAACuB,aAAa,CAAC,IAAI,CAACnB,KAAK,CAACC,WAAW,GAAG,CAAC,CAAC;MAChD,CAAC;MACDmB,OAAO,EAAGxB,CAAC,IAAK;QACd,IAAG,IAAI,CAACyB,UAAU,GAAG,IAAI,CAACrB,KAAK,CAACC,WAAW,GAAG,CAAC,EAAC;UAAA,IAAAqB,mBAAA;UAC9C,IAAI,CAACH,aAAa,CAAC,CAAC,CAAC;UACrB,CAAAG,mBAAA,OAAI,CAACC,aAAa,cAAAD,mBAAA,eAAlBA,mBAAA,CAAoBE,WAAW,CAAC,CAAC,CAAC;QACpC,CAAC,MACG;UACF,IAAI,CAACL,aAAa,CAAC,IAAI,CAACnB,KAAK,CAACC,WAAW,GAAG,CAAC,CAAC;QAChD;MACF;IACF,CAAC;IAAAV,eAAA,wBAqHgBkC,KAAa,IAAK;MACjC,MAAMC,SAAS,GAAG,IAAI,CAAC1B,KAAK,CAACC,WAAW;MACxC,IAAI,CAAC0B,WAAW,CAAC;QACf1B,WAAW,EAAEwB;MACf,CAAC,EACD,MAAM,IAAI,CAACG,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAEH,KAAK,EAAEC,SAAS,CAAC,CAAC,CAAC;MACrE,IAAI,CAACG,iBAAiB,CAACJ,KAAK,CAAC;IAC/B,CAAC;IAAAlC,eAAA,qBAEY,CAACuC,IAAS,EAAEL,KAAa,KAAK;MACzC,MAAMhC,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;MAC9B,IAAIA,KAAK,CAACsC,IAAI,KAAK,SAAS,EAAE;QAC5B,OAAOtC,KAAK,CAACuC,WAAW,GAAGvC,KAAK,CAACuC,WAAW,CAACF,IAAI,EAAEL,KAAK,EAAE,IAAI,CAAC,GAAG,IAAI;MACxE;MACA,OAAOhC,KAAK,CAACwC,QAAQ,CAACR,KAAK,CAAC;IAC9B,CAAC;IAAAlC,eAAA,eAEM,MAAM;MACX,MAAME,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;MAC9B,MAAMyC,IAAI,GAAGzC,KAAK,CAACsC,IAAI,KAAK,SAAS,GAAGtC,KAAK,CAAC0C,OAAO,GAAG1C,KAAK,CAACwC,QAAQ;MACtE,IAAI,IAAI,CAACjC,KAAK,CAACC,WAAW,KAAIiC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,MAAM,KAAI,CAAC,EAAE;QAAA,IAAAC,oBAAA;QAC/C,IAAI,CAAClB,aAAa,CAAC,CAAC,CAAC;QACrB,CAAAkB,oBAAA,OAAI,CAACd,aAAa,cAAAc,oBAAA,eAAlBA,oBAAA,CAAoBb,WAAW,CAAC,CAAC,CAAC;MACpC,CAAC,MAAM;QAAA,IAAAc,oBAAA;QACL,CAAAA,oBAAA,OAAI,CAACf,aAAa,cAAAe,oBAAA,eAAlBA,oBAAA,CAAoBC,SAAS,CAAC,CAAC;MACjC;IACF,CAAC;IAAAhD,eAAA,eAEM,MAAM;MAAA,IAAAiD,oBAAA;MACX,CAAAA,oBAAA,OAAI,CAACjB,aAAa,cAAAiB,oBAAA,eAAlBA,oBAAA,CAAoBC,SAAS,CAAC,CAAC;IACjC,CAAC;IA/IC,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,MAAM;MACtB,IAAI,CAACC,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;EACJ;EAEAC,cAAcA,CAACpB,KAAa,EAAEqB,WAA8B,EAAE;IAC5D,IAAI,CAAC3C,YAAY,CAACsB,KAAK,CAAC,GAAGqB,WAAW,CAACA,WAAW,CAACC,MAAM;IACzD,IAAItB,KAAK,KAAK,IAAI,CAACzB,KAAK,CAACC,WAAW,EAAE;MACpC,IAAI,CAAC+C,WAAW,CAAC,CAAC;IACpB;EACF;EAEQC,eAAeA,CAACnB,IAAS,EAAEL,KAAa,EAAEhC,KAAsB,EAAE;IACxE,IAAIA,KAAK,CAACyD,OAAO,IAAIpB,IAAI,IAAI,CAAC,IAAI,CAACqB,aAAa,EAAE;MAChD,OAAO1D,KAAK,CAACyD,OAAO,CAACpB,IAAI,EAAEL,KAAK,CAAC;IACnC;IACA,OAAO,YAAY,GAAI,IAAI,CAAC2B,YAAY,CAACC,MAAM,CAACvB,IAAI,EAAE,IAAI,CAAC;EAC7D;EAEAwB,QAAQA,CAAA,EAAG;IACT,IAAG,CAAC,IAAI,CAACC,WAAW,EAAC;MACnB;IACF;IACA,MAAM9D,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;IAC9B,IAAI,CAACmD,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAAC,CAAC;IAChC,IAAInD,KAAK,CAAC+D,SAAS,KAAK,MAAM,IAAI/D,KAAK,CAACgE,iBAAiB,EAAE;MACzD,MAAMC,UAAU,GAAGC,WAAW,CAAC,MAAM;QACnC,IAAI,CAACC,IAAI,CAAC,CAAC;MACb,CAAC,EAAEnE,KAAK,CAACgE,iBAAiB,GAAG,IAAI,CAAC;MAClC,IAAI,CAACb,QAAQ,GAAG,MAAMiB,aAAa,CAACH,UAAU,CAAC;IACjD,CAAC,MAAM;MACLI,UAAU,CAAC,MAAM;QAAA,IAAAC,oBAAA;QACf,IAAI,CAAC5C,aAAa,CAAC,CAAC,CAAC;QACrB,CAAA4C,oBAAA,OAAI,CAACxC,aAAa,cAAAwC,oBAAA,eAAlBA,oBAAA,CAAoBvC,WAAW,CAAC,CAAC,CAAC;MACpC,CAAC,EAAE,IAAI,CAAC;IACV;EACF;EAEAwC,aAAaA,CAAA,EAAE;IACb,IAAI,CAACpB,QAAQ,CAAC,CAAC;EACjB;EACAqB,cAAcA,CAAA,EAAG;IACb,IAAI,CAACX,QAAQ,CAAC,CAAC;EACnB;EAGAY,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IACvD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAQF,IAAI;MACV,KAAK,SAAS;QAAE;UAAA,IAAAG,kBAAA;UACd,CAAAA,kBAAA,OAAI,CAAClB,YAAY,cAAAkB,kBAAA,eAAjBA,kBAAA,CAAmBC,KAAK,CAAC,CAAC;UAC1B,IAAI,CAAC5C,WAAW,CAAC;YACf1B,WAAW,EAAEe,IAAI,CAACwD,GAAG,CAAC,IAAI,CAACxE,KAAK,CAACC,WAAW,EAAE,CAAAmE,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEhC,MAAM,KAAI,CAAC;UACjE,CAAoB,CAAC;UACrB;QACF;MACA,KAAK,WAAW;MAChB,KAAK,mBAAmB;QAAG;UACzB,IAAI,CAACkB,QAAQ,CAAC,CAAC;QACjB;IACF;EACJ;EAEAzB,iBAAiBA,CAACJ,KAAa,EAAE;IAAA,IAAAgD,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IAC/B,MAAMjD,SAAS,GAAG,IAAI,CAAC1B,KAAK,CAACC,WAAW;IACxC,MAAM2E,MAAM,GAAG,CAAC,EAAAH,qBAAA,GAAC,IAAI,CAACI,MAAM,CAACC,QAAQ,cAAAL,qBAAA,uBAApBA,qBAAA,CAAsBM,UAAU,KAAc,CAAC,KAC/D,EAAAL,sBAAA,GAAC,IAAI,CAACG,MAAM,CAACC,QAAQ,cAAAJ,sBAAA,uBAApBA,sBAAA,CAAsBM,WAAW,KAAc,CAAC,CAAC;IACnD,MAAMvE,KAAK,GAAG,EAAAkE,sBAAA,GAAC,IAAI,CAACE,MAAM,CAACC,QAAQ,cAAAH,sBAAA,uBAApBA,sBAAA,CAAsBlE,KAAK,KAAc,CAAC;IACzD,MAAMwE,IAAI,GAAGL,MAAM,GAAGnE,KAAK;IAC3B,MAAMyE,QAAQ,GAAGlE,IAAI,CAACmE,GAAG,CAAC1D,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,GAAIwD,IAAI;IAC/C,MAAMG,KAAK,GAAGpE,IAAI,CAACC,GAAG,CAACQ,KAAK,GAAGC,SAAS,CAAC,GAAGuD,IAAI;IAChD,MAAMI,OAAO,GAAG;MACdC,eAAe,EAAE,IAAI;MACrBC,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAE9G,MAAM,CAAC+G,GAAG,CAAC/G,MAAM,CAACgH,MAAM;IAClC,CAAC;IACD,IAAIhE,SAAS,GAAGD,KAAK,EAAE;MACrBhD,QAAQ,CAACkH,QAAQ,CAAC,CAChBlH,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC7BC,OAAO,EAAEV,KAAK;QACd,GAAGC;MACL,CAAC,CAAC,EACF5G,QAAQ,CAACsH,QAAQ,CAAC,CAChBtH,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC3BC,OAAO,EAAG,CAAC;QACX,GAAGT;MACP,CAAC,CAAC,EACF5G,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACI,WAAW,EAAE;QAC9BF,OAAO,EAAG,CAAC,IAAI,CAACG,KAAK,GAAG,CAAC,CAAC,GAAE,CAAC,IAAIf,QAAQ;QACzC,GAAGG;MACP,CAAC,CAAC,CACH,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM,IAAIxE,SAAS,GAAGD,KAAK,EAAE;MAC5BhD,QAAQ,CAACkH,QAAQ,CAAC,CAChBlH,QAAQ,CAACsH,QAAQ,CAAC,CAChBtH,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC3BC,OAAO,EAAGV,KAAK;QACf,GAAGC;MACP,CAAC,CAAC,EACF5G,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACI,WAAW,EAAE;QAC9BF,OAAO,EAAG,CAAC,IAAI,CAACG,KAAK,GAAG,CAAC,CAAC,GAAE,CAAC,IAAIf,QAAQ;QACzC,GAAGG;MACP,CAAC,CAAC,CACH,CAAC,EACF5G,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC7BC,OAAO,EAAE,CAAC;QACV,GAAGT;MACL,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;IACZ;EACF;EAkCAC,gBAAgBA,CAACjE,IAAS,EAAE;IAC1B,MAAMkE,WAAW,GAAG,IAAI,CAACpG,KAAK,CAACP,KAAK,CAAC4G,WAAW;IAChD,IAAIC,QAAQ,GAAGtF,IAAI,CAACmE,GAAG,CAAC,IAAI,CAACnF,KAAK,CAACC,WAAW,GAAGmG,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC;IACpE,IAAIG,QAAQ,GAAGvF,IAAI,CAACwD,GAAG,CAAC8B,QAAQ,GAAGF,WAAW,GAAG,CAAC,EAAElE,IAAI,CAACE,MAAM,CAAC;IAChE,IAAImE,QAAQ,KAAKrE,IAAI,CAACE,MAAM,EAAE;MAC5BkE,QAAQ,GAAGC,QAAQ,GAAGH,WAAW;IACnC;IACA,MAAMtB,QAAQ,GAAG,IAAI,CAAC3B,aAAa,GAAG;MACpC,GAAG,IAAI,CAAC0B,MAAM,CAACC,QAAQ;MACvB,GAAG,IAAI,CAACD,MAAM,CAAC2B,WAAW,CAACC;IAC7B,CAAC,GAAG,IAAI,CAAC5B,MAAM,CAACC,QAAQ;IACxB,oBAAQxG,KAAA,CAAAoI,aAAA,CAAC/H,IAAI;MAACgI,KAAK,EAAE,IAAI,CAAC9B,MAAM,CAAC+B;IAAiB,gBAChDtI,KAAA,CAAAoI,aAAA,CAAC/H,IAAI;MAACgI,KAAK,EAAE;QAACE,aAAa,EAAE,IAAI,CAACZ,KAAK,GAAG,aAAa,GAAG;MAAK;IAAE,GAE7D/D,IAAI,CAAC4E,GAAG,CAAC,CAAChF,IAAS,EAAEL,KAAa,KAAK;MACrC,OAAOA,KAAK,IAAI6E,QAAQ,IAAI7E,KAAK,IAAI8E,QAAQ,gBAC3CjI,KAAA,CAAAoI,aAAA,CAAC/H,IAAI,EAAAoI,QAAA;QAACC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC/D,eAAe,CAACnB,IAAI,EAAEL,KAAK,EAAE,IAAI,CAACzB,KAAK,CAACP,KAAK;MAAE,GAAK,IAAI,CAACwH,qBAAqB,CAAC,WAAW,GAACxF,KAAK,CAAC;QACzHkF,KAAK,EAAE,CAAC7B,QAAQ;MAAE,EACd,CAAC,GAAI,IAAI;IACnB,CAAC,CAAC,EAGF,IAAI,CAAC3B,aAAa,GAAG,IAAI,gBAAG7E,KAAA,CAAAoI,aAAA,CAACjI,QAAQ,CAACE,IAAI;MAACgI,KAAK,EAAE,CAChD,IAAI,CAAC9B,MAAM,CAACC,QAAQ,EACpB,IAAI,CAACD,MAAM,CAACqC,cAAc,EAAE;QAC1BzG,KAAK,EAAE0G,SAAS;QAChBC,MAAM,EAAED,SAAS;QACjBE,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACtB;QACnB,CAAC;MACH,CAAC,EAAE,IAAI,CAACC,KAAK,GAAG;QAAEsB,KAAK,EAAE;MAAE,CAAC,GAAG;QAAEC,IAAI,EAAE;MAAC,CAAC;IAAE,gBACzClJ,KAAA,CAAAoI,aAAA,CAACjI,QAAQ,CAACE,IAAI;MAACgI,KAAK,EAAE,CAAC;QACrBlG,KAAK,EAAE,CAAC;QACR2G,MAAM,EAAE;MACV,CAAC,EAAE;QACD;QACA;MAAA,CACD;IAAE,CACQ,CACA,CAEb,CACF,CAAC;EACT;EAEOK,cAAcA,CAAChI,KAAsB,EAA0B;IACpE,oBAAOnB,KAAA,CAAAoI,aAAA,CAAC/H,IAAI;MAACgI,KAAK,EAAE,CAAC,IAAI,CAAC9B,MAAM,CAAC4B,IAAI,EAAE;QAAC,GAAG,IAAI,CAAC5B,MAAM,CAAC6C,QAAQ,CAACjB;MAAI,CAAC;IAAE,GACnE,IAAI,CAACkB,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EACvB,IAAI,CAACxB,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAC/B,CAAC;EACT;EAEAyB,iBAAiBA,CAAA,EAAS;IACxB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACtE,QAAQ,CAAC,CAAC;EACjB;EAEAuE,YAAYA,CAACpI,KAAsB,EAAE;IAAA,IAAAqI,KAAA,EAAAC,kBAAA;IACnC,MAAMC,OAAO,GAAGvI,KAAK,CAACwI,QAAQ,KAAK,MAAM,IAAIxI,KAAK,CAACwI,QAAQ,KAAI,MAAM;IACrE,MAAMC,OAAO,GAAGzI,KAAK,CAACwI,QAAQ,KAAK,MAAM,IAAIxI,KAAK,CAACwI,QAAQ,KAAI,YAAY;IAC3E,IAAIpD,MAAM,GAAG,IAAI,CAACA,MAAM;IACxB,IAAI3C,IAAI,GAAGzC,KAAK,CAACsC,IAAI,KAAK,SAAS,GAAGtC,KAAK,CAAC0C,OAAO,GAAG1C,KAAK,CAACwC,QAAQ;IACpEC,IAAI,GAAG3D,OAAO,CAAC2D,IAAI,CAAC,GAAGA,IAAI,GAAG,EAAE;IAChC,IAAI,CAACb,UAAU,GAAG,EAAAyG,KAAA,GAAA5F,IAAI,cAAA4F,KAAA,uBAAJA,KAAA,CAAM1F,MAAM,KAAI,CAAC;IACnC,IAAI+F,UAAU,GAAGhB,SAAgB;IACjC,IAAIiB,eAAe,GAAGjB,SAAgB;IACtC,IAAI5I,OAAO,EAAAwJ,kBAAA,GAAC,IAAI,CAAClD,MAAM,CAACwD,KAAK,cAAAN,kBAAA,uBAAjBA,kBAAA,CAAmBV,SAAS,CAAC,EAAE;MAAA,IAAAiB,mBAAA,EAAAC,mBAAA;MACzCJ,UAAU,IAAAG,mBAAA,GAAI,IAAI,CAACzD,MAAM,CAACwD,KAAK,cAAAC,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBjB,SAAS,cAAAiB,mBAAA,gBAAAA,mBAAA,GAA5BA,mBAAA,CAA8BE,IAAI,CAACC,CAAC,IAAI,CAACjK,WAAW,CAAEiK,CAAC,CAASrD,KAAK,CAAC,CAAC,cAAAkD,mBAAA,uBAAxEA,mBAAA,CAAkFlD,KAAK;MACpGgD,eAAe,IAAAG,mBAAA,GAAI,IAAI,CAAC1D,MAAM,CAACwD,KAAK,cAAAE,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBlB,SAAS,cAAAkB,mBAAA,gBAAAA,mBAAA,GAA5BA,mBAAA,CAA8BC,IAAI,CAACC,CAAC,IAAI,CAACjK,WAAW,CAAEiK,CAAC,CAASnB,UAAU,CAAC,CAAC,cAAAiB,mBAAA,uBAA7EA,mBAAA,CAAuFjB,UAAU;IACrH;IACA;IACA,oBACEhJ,KAAA,CAAAoI,aAAA,CAAC/H,IAAI;MAACgI,KAAK,EAAE9B,MAAM,CAAC4B;IAAK,GACtB,IAAI,CAACiC,WAAW,eACjBpK,KAAA,CAAAoI,aAAA,CAAC1H,cAAc,CAACL,IAAI;MAChBgK,cAAc,EAAElJ,KAAK,CAACmJ,cAAc,IAAI,IAAI,CAACvH,UAAU,GAAG,CAAE;MAC5DsF,KAAK,EAAE;QACLkC,IAAI,EAAE;MACR,CAAE;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAGC,CAAC,IAAK;QAAC,IAAI,CAACzH,aAAa,GAAGyH,CAAC;MAAA,CAAE;MACrCC,QAAQ,EAAI,IAAI,CAACC,iBAAkB;MACnCC,aAAa,EAAE,IAAI,CAACtE,MAAM,CAACwD,KAAK,CAAC5H;IAAM,GAExCyB,IAAI,CAAC4E,GAAG,CAAC,CAAChF,IAAS,EAAEL,KAAa,KAAK;MAAA,IAAA2H,oBAAA,EAAAC,oBAAA;MACtC,MAAMC,QAAQ,GAAG7H,KAAK,KAAK,IAAI,CAACzB,KAAK,CAACC,WAAW,GAAG,CAAC;MACrD,IAAImF,KAAK,IAAAgE,oBAAA,GAAG,IAAI,CAAC7H,aAAa,cAAA6H,oBAAA,uBAAlBA,oBAAA,CAAoBG,cAAc,CAACC,WAAW,CAAC;QACzDC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAEhI,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC;QACtDiI,WAAW,EAAE,CAACvB,UAAU,EAAEA,UAAU,EAAE,CAAC,EAAEA,UAAU,EAAEA,UAAU;MACjE,CAAC,CAAC;MACF,IAAIb,UAAU,IAAA+B,oBAAA,GAAG,IAAI,CAAC9H,aAAa,cAAA8H,oBAAA,uBAAlBA,oBAAA,CAAoBE,cAAc,CAACC,WAAW,CAAC;QAC9DC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAEhI,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC;QACtDiI,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;MACnC,CAAC,CAAC;MACF,oBACEpL,KAAA,CAAAoI,aAAA,CAACjI,QAAQ,CAACE,IAAI;QAACqI,GAAG,EAAE,IAAI,CAAC/D,eAAe,CAACnB,IAAI,EAAEL,KAAK,EAAEhC,KAAK,CAAE;QAC3DkK,QAAQ,EAAE,IAAI,CAAC9G,cAAc,CAAC+G,IAAI,CAAC,IAAI,EAAEnI,KAAK,CAAE;QAChDkF,KAAK,EAAE,CACL;UAACS,MAAM,EAAE3H,KAAK,CAACsC,IAAI,KAAK,SAAS,GAAGoF,SAAS,GAAG;QAAM,CAAC,EACvD,IAAI,CAACtC,MAAM,CAACwD,KAAK,EACjB5G,KAAK,KAAK,CAAC,GAAG,IAAI,CAACoD,MAAM,CAACgF,UAAU,GAAG,IAAI,EAC3CpI,KAAK,KAAKS,IAAI,CAACE,MAAM,GAAG,CAAC,GAAG,IAAI,CAACyC,MAAM,CAACiF,SAAS,GAAE,IAAI,EACvDR,QAAQ,GAAG,IAAI,CAACzE,MAAM,CAACkF,WAAW,GAAE,IAAI,EACxCzC,UAAU,IAAIlC,KAAK,GAAG;UACpBiC,SAAS,EAAE,CACT;YACEC,UAAU,EAAE,CAAC9I,WAAW,CAAC4J,eAAe,CAAC,GAAGA,eAAe,GAAGd;UAChE,CAAC,EAAE;YACDlC,KAAK,EAAEA;UACT,CAAC;QAEL,CAAC,GAAG,IAAI;MAAE,gBACZ9G,KAAA,CAAAoI,aAAA,CAACzH,QAAQ;QAAC+K,KAAK,EAAEA,CAAA,KAAM;UAAA,IAAAC,oBAAA;UACrB,IAAI,CAAC9I,aAAa,CAACM,KAAK,GAAG,CAAC,CAAC;UAC7B,MAAMyD,QAAQ,GAAG,IAAI,CAAC/E,YAAY,CAC/BC,MAAM,CAAC,CAACC,CAAC,EAAGC,CAAC,KAAKA,CAAC,GAAGmB,KAAK,CAAC,CAC5BlB,MAAM,CAAC,CAACC,CAAC,EAAEH,CAAC,KAAKG,CAAC,GAAGH,CAAC,CAACI,KAAK,EAAE,CAAC,CAAC;UACnC,CAAAwJ,oBAAA,OAAI,CAAC1I,aAAa,cAAA0I,oBAAA,eAAlBA,oBAAA,CAAoBzI,WAAW,CAAC,CAAC,CAAC,GAAG0D,QAAQ,CAAC;QAChD,CAAE;QAACgF,WAAW,EAAE,IAAI,CAACrF,MAAM,CAAC4B,IAAI,CAACyD,WAAY;QAACrF,MAAM,EAAE;UAACuC,MAAM,EAAE;QAAM;MAAE,GACpE,IAAI,CAACO,UAAU,CAAC7F,IAAI,EAAEL,KAAK,CACpB,CACG,CAAC;IAEpB,CAAC,CACkB,CAAC,EACrBuG,OAAO,gBACN1J,KAAA,CAAAoI,aAAA,CAAC/H,IAAI;MAACgI,KAAK,EAAE9B,MAAM,CAACsF;IAAS,gBAC3B7L,KAAA,CAAAoI,aAAA,CAAC7H,MAAM;MACLuL,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAChCC,SAAS,EAAC,0BAA0B;MACpCzF,MAAM,EAAEA,MAAM,CAAC0F,OAAQ;MACvBP,KAAK,EAAE,IAAI,CAACQ,IAAK;MACjBC,kBAAkB,EAAC;IAAM,CAAC,CAAC,eAC7BnM,KAAA,CAAAoI,aAAA,CAAC7H,MAAM;MACLuL,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAChCC,SAAS,EAAC,2BAA2B;MACrCzF,MAAM,EAAEA,MAAM,CAAC6F,OAAQ;MACvBV,KAAK,EAAE,IAAI,CAACpG,IAAK;MACjB6G,kBAAkB,EAAC;IAAM,CAAC,CACxB,CAAC,GAAG,IAAI,EACbvC,OAAO,IAAIhG,IAAI,GAAG,IAAI,CAACiE,gBAAgB,CAACjE,IAAI,CAAC,GAAG,IAC/C,CAAC;EACX;AACF","ignoreList":[]}
+{"version":3,"names":["React","isArray","isUndefined","Animated","Easing","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","Tappable","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","args","_defineProperty","WmCarousel","props","Value","bounds","e","_this$slidesLayout","_this$slidesLayout$ac","activeTabIndex","state","activeIndex","lower","slidesLayout","filter","l","i","reduce","s","width","center","upper","computePhase","value","_this$slidesLayout$ac2","w","Math","abs","onLower","onSlideChange","onUpper","noOfSlides","_this$animationView","animationView","setPosition","index","prevIndex","updateState","invokeEventCallback","animatePagination","item","type","renderSlide","children","data","dataset","length","_this$animationView2","_this$animationView3","goToUpper","_this$animationView4","goToLower","cleanup","push","stopPlay","addSlideLayout","nativeEvent","layout","forceUpdate","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","autoPlay","initialized","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView5","stopAnimation","startAnimation","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","min","_this$styles$dotStyle","_this$styles$dotStyle2","_this$styles$dotStyle3","maxNoOfDots","maxnoofdots","margin","styles","dotStyle","marginLeft","marginRight","size","multiplier","isRTL","options","useNativeDriver","duration","easing","out","linear","shouldAnimate","newTranslateX","timing","wrapperPosition","toValue","start","dotPosition","max","renderPagination","_this$styles$dotStyle4","_this$styles$dotStyle5","dotMargin","wrapperWidth","minIndex","maxIndex","dotSkeleton","root","createElement","style","justifyContent","alignItems","dotsWrapperStyle","flexDirection","transform","translateX","map","isActive","scale","animatedScale","ease","_extends","key","getTestPropsForAction","opacity","renderSkeleton","skeleton","renderItem","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","slideScale","undefined","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","_background","enableGestures","enablegestures","flex","direction","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView6","_this$animationView7","animationPhase","interpolate","inputRange","outputRange","onLayout","bind","testID","height","firstSlide","lastSlide","activeSlide","onTap","_this$animationView8","position","rippleColor","btnPanel","id","getTestId","iconclass","prevBtn","prev","accessibilitylabel","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray, isUndefined } from 'lodash-es';\nimport { Animated, Easing, View, LayoutChangeEvent, LayoutRectangle } from 'react-native';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 1;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  noOfSlides: number = 0;\n  private slidesLayout: LayoutRectangle[] = [];\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private dotPosition = new Animated.Value(0);\n  private wrapperPosition = new Animated.Value(0);\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.activeIndex - 1;\n      let lower = 0;\n      if (activeTabIndex > 0) {\n        lower = this.slidesLayout\n          .filter((l , i) => i < activeTabIndex - 1)\n          .reduce((s, l) => s + l.width, 0);\n      }\n      let center = lower + (this.slidesLayout[activeTabIndex - 1]?.width || 0);\n      let upper = center + (this.slidesLayout[activeTabIndex]?.width || 0);\n      return {\n        lower: -1 * lower,\n        center: -1 * center,\n        upper:  -1 * upper\n      };\n    },\n    computePhase: (value) => {\n      const activeTabIndex = this.state.activeIndex - 1;\n      const w = this.slidesLayout[activeTabIndex]?.width || 0;\n      return w && Math.abs(value / w);\n    },\n    onLower: (e) => {\n      this.onSlideChange(this.state.activeIndex - 1);\n    },\n    onUpper: (e) => {\n      if(this.noOfSlides < this.state.activeIndex + 1){\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }\n      else{\n        this.onSlideChange(this.state.activeIndex + 1);\n      }\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  addSlideLayout(index: number, nativeEvent: LayoutChangeEvent) {\n    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.state.activeIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  private generateItemKey(item: any, index: number, props: WmCarouselProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  this.keyExtractor.getKey(item, true);\n  }\n\n  autoPlay() {\n    if(!this.initialized){\n      return;\n    }\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation === 'auto' && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    } else {\n      setTimeout(() => {\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }, 1000);\n    }\n  }\n\n  stopAnimation(){  \n    this.stopPlay();\n  }\n  startAnimation() {\n      this.autoPlay();\n  }\n  \n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'dataset': {\n          this.keyExtractor?.clear();\n          this.updateState({\n            activeIndex: Math.min(this.state.activeIndex, $new?.length || 1)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  animatePagination(index: number) {\n    const prevIndex = this.state.activeIndex;\n    const maxNoOfDots = this.state.props.maxnoofdots;\n    const margin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0)\n    const width = (this.styles.dotStyle?.width as number)|| 2;\n    const size = margin + width;\n    const multiplier = this.isRTL ? -1 : 1;\n    const options = {\n      useNativeDriver: true,\n      duration: 100,\n      easing: Easing.out(Easing.linear),\n    };\n    const shouldAnimate = !(maxNoOfDots >= this.state.props.dataset.length) && index > 3 && index <= this.state.props.dataset.length - 2;\n    if (shouldAnimate) {\n      const newTranslateX = multiplier * -(index - 3) * (width + margin);\n      Animated.timing(this.wrapperPosition, {\n        toValue: newTranslateX,\n        ...options,\n      }).start();\n    }\n    if (index == 1 && prevIndex == this.state.props.dataset.length) {\n      Animated.timing(this.wrapperPosition, {\n        toValue: 0,\n        ...options,\n      }).start();\n    }   \n    if (prevIndex < index || prevIndex > index) {\n      Animated.timing(this.dotPosition, {\n        toValue: multiplier * size * Math.max(index - 1, 0),\n        ...options,\n      }).start();\n    } \n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n    this.animatePagination(index);\n  }\n\n  renderItem = (item: any, index: number) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(item, index, this) : null;\n    }\n    return props.children[index];\n  }\n\n  next = () => {\n    const props = this.state.props;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    if (this.state.activeIndex >= data?.length || 0) {\n      this.onSlideChange(1);\n      this.animationView?.setPosition(0);\n    } else {\n      this.animationView?.goToUpper();\n    }\n  }\n\n  prev = () => {\n    this.animationView?.goToLower();\n  }\n\n  renderPagination(data: any) {\n    const maxNoOfDots = this.state.props.maxnoofdots;\n    const activeIndex = this.state.activeIndex - 1;\n    const dotMargin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0);\n    const wrapperWidth = (this.styles.dotStyle.width as any * maxNoOfDots) + (dotMargin * maxNoOfDots);\n    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);\n    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);\n    if (maxIndex === data.length) {\n      minIndex = maxIndex - maxNoOfDots;\n    }\n    const dotStyle = this._showSkeleton ? {\n      ...this.styles.dotStyle,\n      ...this.styles.dotSkeleton.root\n    } : this.styles.dotStyle\n    return (<View style={{ width: '100%', justifyContent: 'center', alignItems: 'center' }}>\n        <View style={[this.styles.dotsWrapperStyle, { width: wrapperWidth }]}>\n          <Animated.View\n            style={{\n              flexDirection: this.isRTL ? 'row-reverse' : 'row',\n              alignItems: 'center',\n              transform: [{ translateX: this.wrapperPosition }],\n            }}\n          >\n            {data.map((item: any, index: number) => {\n              const isActive = index === activeIndex;\n              let scale = 1;\n              if (activeIndex <= 2) {\n                scale = index <= 2 ? 1 : 1 - 0.1 * (index - 2);\n              } else if (activeIndex >= data.length - 3) {\n                  scale = index >= data.length - 3 ? 1 : 1 - 0.1 * ((data.length - 3) - index);\n              } else {\n                  scale = index === activeIndex ? 1 : (Math.abs(index - activeIndex) === 1 ? 0.9 : 0.8);\n              }\n              const animatedScale = new Animated.Value(scale);\n              Animated.timing(animatedScale, {\n                toValue: scale,\n                duration: 100,\n                easing: Easing.out(Easing.ease),\n                useNativeDriver: true,\n              }).start();\n              return (\n                <Animated.View\n                  key={'dots_' + this.generateItemKey(item, index, this.state.props)}\n                  {...this.getTestPropsForAction('indicator' + index)}\n                  style={[\n                    dotStyle,\n                    {                \n                      opacity: isActive ? 1 : 0.8,\n                      transform: [{scale: animatedScale\n                      }]\n                    },\n                  ]}\n                />\n              );\n            })}\n          </Animated.View>\n        </View>\n      </View>);\n  }\n\n  public renderSkeleton(props: WmCarouselProps): React.ReactNode | null {\n    return <View style={[this.styles.root, {...this.styles.skeleton.root}]}>\n       {this.renderItem({}, 0)}\n      {this.renderPagination([{}, {}, {}])}\n    </View>\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.autoPlay();\n  }\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    data = isArray(data) ? data : [];\n    this.noOfSlides = data?.length || 0;\n    let slideScale = undefined as any;\n    let slideTranslateX = undefined as any;\n    if (isArray(this.styles.slide?.transform)) {\n      slideScale = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).scale)) as any)?.scale;\n      slideTranslateX = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).translateX)) as any)?.translateX;\n    }\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root}>\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures && this.noOfSlides > 1}\n            style={{\n              flex: 1\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n            slideMinWidth={this.styles.slide.width}\n          >\n          {data.map((item: any, index: number) => {\n            const isActive = index === this.state.activeIndex - 1;\n            let scale = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [slideScale, slideScale, 1, slideScale, slideScale]\n            });\n            let translateX = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [-56, -56, 0, 56, 56]\n            });\n            return (\n              <Animated.View key={this.generateItemKey(item, index, props)}\n                onLayout={this.addSlideLayout.bind(this, index)}\n                testID={`carousel_item_${index}`}\n                style={[\n                  {height: props.type === 'dynamic' ? undefined : '100%'},\n                  this.styles.slide,\n                  index === 0 ? this.styles.firstSlide : null,\n                  index === data.length - 1 ? this.styles.lastSlide: null,\n                  isActive ? this.styles.activeSlide: null,\n                  translateX && scale ? {\n                    transform: [\n                      {\n                        translateX: !isUndefined(slideTranslateX) ? slideTranslateX : translateX\n                      }, {\n                        scale: scale\n                      }\n                    ]\n                  } : null]}>\n                <Tappable onTap={() => {\n                  this.onSlideChange(index + 1);\n                  const position = this.slidesLayout\n                    .filter((l , i) => i < index)\n                    .reduce((s, l) => s + l.width, 0);\n                  this.animationView?.setPosition(-1 * position);\n                }} rippleColor={this.styles.root.rippleColor} styles={{height: \"100%\"}}>\n                  {this.renderItem(item, index)}\n                </Tappable>\n              </Animated.View>\n            );\n          })}\n        </SwipeAnimation.View>\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              id={this.getTestId('prev_icon')}\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}\n              accessibilitylabel='back'/>\n            <WmIcon\n              id={this.getTestId('next_icon')}\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}\n              accessibilitylabel='next'/>\n          </View>): null}\n          {hasDots && data ? this.renderPagination(data) : null}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/advanced/carousel/carousel.props.js

@@ -14,7 +14,7 @@ export default class WmCarouselProps extends BaseProps {
     _defineProperty(this, "itemkey", null);
     _defineProperty(this, "renderSlide", void 0);
     _defineProperty(this, "enablegestures", true);
-    _defineProperty(this, "maxnoofdots", 20);
+    _defineProperty(this, "maxnoofdots", 5);
     _defineProperty(this, "showskeletonchildren", false);
   }
 }

app-rn-runtime/components/advanced/carousel/carousel.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCarouselProps","constructor","args","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmCarouselProps extends BaseProps {\n  dataset: any = null;\n  type?: 'static' | 'dynamic' = 'static';\n  animation?: 'auto' | 'none' = 'auto';\n  animationinterval?: number = 3;\n  controls?: 'both' | 'none' | 'navs' | 'indicators' = 'both';\n  children? = null as any;\n  itemkey?: ($item: any, $index: any) => any = null as any;\n  renderSlide?: ($item: any, $index: number, carousel: any) => React.ReactNode;\n  enablegestures  = true;\n  maxnoofdots = 20;\n  showskeletonchildren?: boolean = false;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACtC,IAAI;IAAAA,eAAA,eACW,QAAQ;IAAAA,eAAA,oBACR,MAAM;IAAAA,eAAA,4BACP,CAAC;IAAAA,eAAA,mBACuB,MAAM;IAAAA,eAAA,mBAC/C,IAAI;IAAAA,eAAA,kBAC6B,IAAI;IAAAA,eAAA;IAAAA,eAAA,yBAE/B,IAAI;IAAAA,eAAA,sBACR,EAAE;IAAAA,eAAA,+BACiB,KAAK;EAAA;AACxC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmCarouselProps","constructor","args","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmCarouselProps extends BaseProps {\n  dataset: any = null;\n  type?: 'static' | 'dynamic' = 'static';\n  animation?: 'auto' | 'none' = 'auto';\n  animationinterval?: number = 3;\n  controls?: 'both' | 'none' | 'navs' | 'indicators' = 'both';\n  children? = null as any;\n  itemkey?: ($item: any, $index: any) => any = null as any;\n  renderSlide?: ($item: any, $index: number, carousel: any) => React.ReactNode;\n  enablegestures  = true;\n  maxnoofdots = 5;\n  showskeletonchildren?: boolean = false;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACtC,IAAI;IAAAA,eAAA,eACW,QAAQ;IAAAA,eAAA,oBACR,MAAM;IAAAA,eAAA,4BACP,CAAC;IAAAA,eAAA,mBACuB,MAAM;IAAAA,eAAA,mBAC/C,IAAI;IAAAA,eAAA,kBAC6B,IAAI;IAAAA,eAAA;IAAAA,eAAA,yBAE/B,IAAI;IAAAA,eAAA,sBACR,CAAC;IAAAA,eAAA,+BACkB,KAAK;EAAA;AACxC","ignoreList":[]}

app-rn-runtime/components/advanced/carousel/carousel.styles.js

@@ -68,11 +68,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     dotsWrapperStyle: {
       opacity: 1,
       backgroundColor: themeVariables.carouselDotWrapperBgColor,
-      flexDirection: 'row',
-      justifyContent: 'center',
-      alignItems: 'center',
       paddingTop: 4,
-      paddingBottom: 4
+      paddingBottom: 4,
+      overflow: 'hidden'
     },
     activeDotStyle: {
       position: 'absolute',
@@ -81,12 +79,12 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       padding: 4
     },
     dotStyle: {
-      width: 8,
-      height: 8,
-      borderRadius: 10,
+      width: 10,
+      height: 10,
+      borderRadius: 5,
       opacity: 0.2,
-      marginLeft: 2,
-      marginRight: 2,
+      marginLeft: 4,
+      marginRight: 4,
       backgroundColor: themeVariables.carouselDotColor
     },
     skeleton: {

app-rn-runtime/components/advanced/carousel/carousel.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","rippleColor","text","slide","overflow","paddingHorizontal","transform","scale","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","activeDotStyle","carouselActiveDotColor","padding","dotStyle","carouselDotColor","skeleton","dotSkeleton","skeletonAnimatedBgColor","rotateY","defaultColorF","right","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    slide: AllStyle,\n    firstSlide: AllStyle,\n    lastSlide: AllStyle,\n    activeSlide: AllStyle,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle,\n    skeleton: WmSkeletonStyles\n    dotSkeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative',\n            rippleColor: themeVariables.transparent\n        },\n        text: {},\n        slide: {\n            width: '100%',\n            overflow: 'hidden',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    scale: 0.8\n                }\n            ]\n        },\n        firstSlide: {},\n        lastSlide: {},\n        activeSlide: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            flexDirection: 'row',\n            justifyContent: 'center',\n            alignItems: 'center',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        activeDotStyle: {\n            position: 'absolute',\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1,\n            padding: 4\n        },\n        dotStyle: {\n            width: 8,\n            height: 8,\n            borderRadius: 10,\n            opacity: 0.2,\n            marginLeft: 2,\n            marginRight: 2,\n            backgroundColor: themeVariables.carouselDotColor\n        },\n        skeleton: {\n            root: {\n                width: '100%',\n            },\n            text: {}\n        } as any as WmSkeletonStyles,\n        dotSkeleton: {\n            root: {\n                width: 10,\n                height: 10,\n                borderRadius: 5,\n                opacity: 1,\n                backgroundColor: themeVariables.skeletonAnimatedBgColor    \n            }\n        } as any as WmSkeletonStyles\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\n});"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","rippleColor","text","slide","overflow","paddingHorizontal","transform","scale","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","activeDotStyle","carouselActiveDotColor","padding","dotStyle","carouselDotColor","skeleton","dotSkeleton","skeletonAnimatedBgColor","rotateY","defaultColorF","right","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    slide: AllStyle,\n    firstSlide: AllStyle,\n    lastSlide: AllStyle,\n    activeSlide: AllStyle,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle,\n    skeleton: WmSkeletonStyles\n    dotSkeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative',\n            rippleColor: themeVariables.transparent\n        },\n        text: {},\n        slide: {\n            width: '100%',\n            overflow: 'hidden',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    scale: 0.8\n                }\n            ]\n        },\n        firstSlide: {},\n        lastSlide: {},\n        activeSlide: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            paddingTop: 4,\n            paddingBottom: 4,\n            overflow: 'hidden',\n        },\n        activeDotStyle: {\n            position: 'absolute',\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1,\n            padding: 4\n        },\n        dotStyle: {\n            width: 10,\n            height: 10,\n            borderRadius: 5,\n            opacity: 0.2,\n            marginLeft: 4,\n            marginRight: 4,\n            backgroundColor: themeVariables.carouselDotColor\n        },\n        skeleton: {\n            root: {\n                width: '100%',\n            },\n            text: {}\n        } as any as WmSkeletonStyles,\n        dotSkeleton: {\n            root: {\n                width: 10,\n                height: 10,\n                borderRadius: 5,\n                opacity: 1,\n                backgroundColor: themeVariables.skeletonAnimatedBgColor    \n            }\n        } as any as WmSkeletonStyles\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\n});"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/basic/audio/audio.component.js

@@ -11,6 +11,7 @@ import WmAudioProps from './audio.props';
 import { DEFAULT_CLASS } from './audio.styles';
 import WmIcon from '../icon/icon.component';
 import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { createSkeleton } from '../skeleton/skeleton.component';
 export class WmAudioState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -194,6 +195,12 @@ export default class WmAudio extends BaseComponent {
     super.componentWillUnmount();
     this.stop();
   }
+  renderTextSkeleton() {
+    return createSkeleton(this.theme, {}, {
+      ...this.styles.text,
+      ...this.styles.textSkeleton.root
+    });
+  }
   renderWidget(props) {
     return props.controls ? /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
@@ -209,7 +216,7 @@ export default class WmAudio extends BaseComponent {
       iconclass: "wi wi-pause fa-2x",
       styles: this.styles.pauseIcon,
       onTap: () => this.pause()
-    }), /*#__PURE__*/React.createElement(Text, {
+    }), this._showSkeleton ? this.renderTextSkeleton() : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
       style: this.styles.text
     }, `${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`), /*#__PURE__*/React.createElement(Slider, {
       testID: this.getTestId('slider'),
@@ -226,7 +233,7 @@ export default class WmAudio extends BaseComponent {
       thumbTintColor: this.styles.slider.thumb.backgroundColor,
       minimumTrackTintColor: this.styles.slider.minimumTrack.backgroundColor,
       maximumTrackTintColor: this.styles.slider.maximumTrack.backgroundColor
-    }), !props.muted ? /*#__PURE__*/React.createElement(WmIcon, {
+    })), !props.muted ? /*#__PURE__*/React.createElement(WmIcon, {
       name: props.name + "_mute",
       id: this.getTestId('mute'),
       iconclass: "wi wi-volume-up fa-2x",

app-rn-runtime/components/basic/audio/audio.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","View","Slider","isString","Audio","BaseComponent","BaseComponentState","WmAudioProps","DEFAULT_CLASS","WmIcon","isWebPreviewMode","WmAudioState","constructor","args","_defineProperty","WmAudio","props","onPropertyChange","name","$new","$old","initialized","Promise","resolve","then","_this$sound","sound","unloadAsync","onSeekChange","state","playing","autoplay","play","getSource","source","loadAsset","mp3format","uri","addPadding","str","maxLen","pad","length","formatTime","v","t","mins","Math","floor","seconds","round","setTimer","cancelTimer","timer","setInterval","currentTime","totalTime","loop","replay","stop","setState","max","offsetTime","clearInterval","_this$sound2","pause","updateState","replayAsync","loading","playAsync","Sound","createAsync","isMuted","muted","res","getStatusAsync","status","catch","_this$sound3","pauseAsync","mute","setStatusAsync","unmute","time","_this$sound4","setPositionAsync","componentDidMount","setTimeout","componentWillUnmount","renderWidget","controls","createElement","style","styles","root","_background","id","getTestId","playIcon","iconclass","onTap","pauseIcon","text","testID","step","flex","value","disabled","onValueChange","bind","minimumValue","inverted","isRTL","OS","maximumValue","thumbTintColor","slider","thumb","backgroundColor","minimumTrackTintColor","minimumTrack","maximumTrackTintColor","maximumTrack","muteIcon","unmuteIcon"],"sources":["audio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\nimport { isString } from 'lodash-es';\nimport { Audio } from 'expo-av';\nimport { Sound } from 'expo-av/build/Audio';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAudioProps from './audio.props';\nimport { DEFAULT_CLASS, WmAudioStyles } from './audio.styles';\nimport WmIcon from '../icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAudioState extends BaseComponentState<WmAudioProps> {\n  playing = false;\n  currentTime = 0;\n  totalTime = 0;\n}\n\nexport default class WmAudio extends BaseComponent<WmAudioProps, WmAudioState, WmAudioStyles> {\n\n  private loading = false;\n  private sound: Sound = null as any;\n  private timer: any;\n  private offsetTime = 0;\n\n  constructor(props: WmAudioProps) {\n    super(props, DEFAULT_CLASS, new WmAudioProps(), new WmAudioState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'mp3format': {\n          if (this.initialized) {\n            Promise.resolve()\n              .then(() => this.sound?.unloadAsync())\n              .then(() => {\n                this.sound = null as any;\n                this.onSeekChange(0);\n                if (this.state.playing \n                  || this.state.props.autoplay) {\n                  this.play();\n                }\n              });\n          }\n        }\n        break;\n        case 'autoplay':\n          if (this.initialized && $new) {\n            this.play();\n          }\n      }\n  }\n\n  getSource() {\n    const source = this.loadAsset \n      && this.state.props.mp3format\n      && this.loadAsset(this.state.props.mp3format as string);\n    if (isString(source)) {\n      return {\n        uri: source\n      };\n    }\n    return source;\n  }\n\n  addPadding(str: string, maxLen: number,  pad = '0'): string {\n    if (str.length < maxLen) {\n      return this.addPadding(pad + str, maxLen, pad);\n    }\n    return str;\n  }\n\n  formatTime(v: number) {\n    const t = v/60;\n    const mins =  Math.floor(t);\n    const seconds = Math.round((t - mins) * 60);\n    return this.addPadding(mins+ '', 2) + ':' + this.addPadding(seconds+ '', 2);\n  }\n\n  setTimer() {\n    this.cancelTimer();\n    this.timer = setInterval(() => {\n      if (this.state.currentTime >= this.state.totalTime) {\n        if (this.state.props.loop) {\n          this.replay();\n        } else {\n          this.stop();\n        }\n        return;\n      }\n      this.setState({\n        currentTime:  Math.max(this.offsetTime + this.state.currentTime + 1, 0)\n      } as WmAudioState);\n      this.offsetTime = 0;\n    }, 1000);\n  }\n\n  cancelTimer() {\n    clearInterval(this.timer);\n  }\n\n  stop() {\n    this.pause();\n    this.sound?.unloadAsync();\n    this.sound = null as any;\n    this.cancelTimer();\n    this.offsetTime = 0;\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState);\n  }\n\n  replay() {\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState, () => {\n      this.sound.replayAsync();\n    });\n  }\n\n  play() {\n    if (isWebPreviewMode() \n      || this.loading\n      || (this.state.playing && this.sound)) {\n      return;\n    }\n    if (this.sound) {\n      this.sound.playAsync();\n      this.setTimer();\n      this.updateState({\n        playing: true\n      } as WmAudioState);\n    } else {\n      this.loading = true;\n      const source = this.getSource();\n      source && Audio.Sound.createAsync(source, {\n        isMuted: this.state.props.muted\n      })\n        .then((res) => {\n          this.sound = res.sound;\n          this.sound.playAsync();\n          this.sound.getStatusAsync().then((status: any) => {\n            this.updateState({\n              currentTime: 0,\n              totalTime: Math.round(status['durationMillis']/1000)\n            } as WmAudioState, () => this.setTimer());\n          });\n          this.updateState({\n            playing: true\n          } as WmAudioState);\n        }).catch(() => {}).then(() => {\n          this.loading = false;\n        });\n    }\n  }\n\n  pause() {\n    this.cancelTimer();\n    this.sound?.pauseAsync().then(() => {\n      this.updateState({\n        playing: false\n      } as WmAudioState);\n    })\n  }\n\n  mute() {\n    this.sound.setStatusAsync({\n      isMuted: true\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: true\n        }\n      } as WmAudioState);\n    });\n  }\n\n  unmute() {\n    this.sound.setStatusAsync({\n      isMuted: false\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: false\n        }\n      } as WmAudioState);\n    });\n  }\n\n  onSeekChange(time: number) {\n    if (time !== this.state.currentTime) {\n      this.offsetTime = time - this.state.currentTime;\n      this.sound?.setPositionAsync(time * 1000);\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    //without settimeout, app is crashing with errors\n    setTimeout(() => {\n      if (this.state.props.autoplay) {\n        this.play();\n      }\n    }, 1000);\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    this.stop();\n  }\n\n  renderWidget(props: WmAudioProps) {\n    return props.controls ? (\n      <View style={this.styles.root}>\n        {this._background}\n        {!this.state.playing ? (<WmIcon \n          id={this.getTestId('play')}\n          name={props.name + \"_play\"}\n          styles={this.styles.playIcon}\n          iconclass=\"wi wi-play-arrow fa-2x\"\n          onTap={() => this.play()}></WmIcon>) : (\n        <WmIcon name={props.name + \"_pause\"}\n          id={this.getTestId('pause')}\n          iconclass=\"wi wi-pause fa-2x\"\n          styles={this.styles.pauseIcon}\n          onTap={() => this.pause()}></WmIcon>)}\n        <Text style={this.styles.text}>\n          {`${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`}\n        </Text>\n        <Slider\n          testID={this.getTestId('slider')}\n          step={1}\n          style={{flex: 1}}\n          value={this.state.currentTime}\n          disabled={isWebPreviewMode()}\n          onValueChange={this.onSeekChange.bind(this)}\n          minimumValue={0}\n          inverted={this.isRTL && (Platform.OS==\"android\" || Platform.OS==\"web\")}\n          maximumValue={this.state.totalTime || 1}\n          thumbTintColor={this.styles.slider.thumb.backgroundColor as string}\n          minimumTrackTintColor={this.styles.slider.minimumTrack.backgroundColor as string}\n          maximumTrackTintColor={this.styles.slider.maximumTrack.backgroundColor as string}\n        />\n        {!props.muted ? (<WmIcon name={props.name + \"_mute\"}\n          id={this.getTestId('mute')}\n          iconclass=\"wi wi-volume-up fa-2x\"\n          styles={this.styles.muteIcon}\n          onTap={() => this.mute()}></WmIcon>) :\n        (<WmIcon name={props.name + \"_unmute\"}\n          id={this.getTestId('unmute')}\n          iconclass=\"wi wi-volume-off fa-2x\"\n          styles={this.styles.unmuteIcon}\n          onTap={() => this.unmute()}></WmIcon>)}\n      </View>) : null; \n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","Text","View","Slider","isString","Audio","BaseComponent","BaseComponentState","WmAudioProps","DEFAULT_CLASS","WmIcon","isWebPreviewMode","createSkeleton","WmAudioState","constructor","args","_defineProperty","WmAudio","props","onPropertyChange","name","$new","$old","initialized","Promise","resolve","then","_this$sound","sound","unloadAsync","onSeekChange","state","playing","autoplay","play","getSource","source","loadAsset","mp3format","uri","addPadding","str","maxLen","pad","length","formatTime","v","t","mins","Math","floor","seconds","round","setTimer","cancelTimer","timer","setInterval","currentTime","totalTime","loop","replay","stop","setState","max","offsetTime","clearInterval","_this$sound2","pause","updateState","replayAsync","loading","playAsync","Sound","createAsync","isMuted","muted","res","getStatusAsync","status","catch","_this$sound3","pauseAsync","mute","setStatusAsync","unmute","time","_this$sound4","setPositionAsync","componentDidMount","setTimeout","componentWillUnmount","renderTextSkeleton","theme","styles","text","textSkeleton","root","renderWidget","controls","createElement","style","_background","id","getTestId","playIcon","iconclass","onTap","pauseIcon","_showSkeleton","Fragment","testID","step","flex","value","disabled","onValueChange","bind","minimumValue","inverted","isRTL","OS","maximumValue","thumbTintColor","slider","thumb","backgroundColor","minimumTrackTintColor","minimumTrack","maximumTrackTintColor","maximumTrack","muteIcon","unmuteIcon"],"sources":["audio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, Text, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\nimport { isString } from 'lodash-es';\nimport { Audio } from 'expo-av';\nimport { Sound } from 'expo-av/build/Audio';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAudioProps from './audio.props';\nimport { DEFAULT_CLASS, WmAudioStyles } from './audio.styles';\nimport WmIcon from '../icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport class WmAudioState extends BaseComponentState<WmAudioProps> {\n  playing = false;\n  currentTime = 0;\n  totalTime = 0;\n}\n\nexport default class WmAudio extends BaseComponent<WmAudioProps, WmAudioState, WmAudioStyles> {\n\n  private loading = false;\n  private sound: Sound = null as any;\n  private timer: any;\n  private offsetTime = 0;\n\n  constructor(props: WmAudioProps) {\n    super(props, DEFAULT_CLASS, new WmAudioProps(), new WmAudioState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'mp3format': {\n          if (this.initialized) {\n            Promise.resolve()\n              .then(() => this.sound?.unloadAsync())\n              .then(() => {\n                this.sound = null as any;\n                this.onSeekChange(0);\n                if (this.state.playing \n                  || this.state.props.autoplay) {\n                  this.play();\n                }\n              });\n          }\n        }\n        break;\n        case 'autoplay':\n          if (this.initialized && $new) {\n            this.play();\n          }\n      }\n  }\n\n  getSource() {\n    const source = this.loadAsset \n      && this.state.props.mp3format\n      && this.loadAsset(this.state.props.mp3format as string);\n    if (isString(source)) {\n      return {\n        uri: source\n      };\n    }\n    return source;\n  }\n\n  addPadding(str: string, maxLen: number,  pad = '0'): string {\n    if (str.length < maxLen) {\n      return this.addPadding(pad + str, maxLen, pad);\n    }\n    return str;\n  }\n\n  formatTime(v: number) {\n    const t = v/60;\n    const mins =  Math.floor(t);\n    const seconds = Math.round((t - mins) * 60);\n    return this.addPadding(mins+ '', 2) + ':' + this.addPadding(seconds+ '', 2);\n  }\n\n  setTimer() {\n    this.cancelTimer();\n    this.timer = setInterval(() => {\n      if (this.state.currentTime >= this.state.totalTime) {\n        if (this.state.props.loop) {\n          this.replay();\n        } else {\n          this.stop();\n        }\n        return;\n      }\n      this.setState({\n        currentTime:  Math.max(this.offsetTime + this.state.currentTime + 1, 0)\n      } as WmAudioState);\n      this.offsetTime = 0;\n    }, 1000);\n  }\n\n  cancelTimer() {\n    clearInterval(this.timer);\n  }\n\n  stop() {\n    this.pause();\n    this.sound?.unloadAsync();\n    this.sound = null as any;\n    this.cancelTimer();\n    this.offsetTime = 0;\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState);\n  }\n\n  replay() {\n    this.updateState({\n      currentTime: 0\n    } as WmAudioState, () => {\n      this.sound.replayAsync();\n    });\n  }\n\n  play() {\n    if (isWebPreviewMode() \n      || this.loading\n      || (this.state.playing && this.sound)) {\n      return;\n    }\n    if (this.sound) {\n      this.sound.playAsync();\n      this.setTimer();\n      this.updateState({\n        playing: true\n      } as WmAudioState);\n    } else {\n      this.loading = true;\n      const source = this.getSource();\n      source && Audio.Sound.createAsync(source, {\n        isMuted: this.state.props.muted\n      })\n        .then((res) => {\n          this.sound = res.sound;\n          this.sound.playAsync();\n          this.sound.getStatusAsync().then((status: any) => {\n            this.updateState({\n              currentTime: 0,\n              totalTime: Math.round(status['durationMillis']/1000)\n            } as WmAudioState, () => this.setTimer());\n          });\n          this.updateState({\n            playing: true\n          } as WmAudioState);\n        }).catch(() => {}).then(() => {\n          this.loading = false;\n        });\n    }\n  }\n\n  pause() {\n    this.cancelTimer();\n    this.sound?.pauseAsync().then(() => {\n      this.updateState({\n        playing: false\n      } as WmAudioState);\n    })\n  }\n\n  mute() {\n    this.sound.setStatusAsync({\n      isMuted: true\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: true\n        }\n      } as WmAudioState);\n    });\n  }\n\n  unmute() {\n    this.sound.setStatusAsync({\n      isMuted: false\n    }).then(() => {\n      this.updateState({\n        props: {\n          muted: false\n        }\n      } as WmAudioState);\n    });\n  }\n\n  onSeekChange(time: number) {\n    if (time !== this.state.currentTime) {\n      this.offsetTime = time - this.state.currentTime;\n      this.sound?.setPositionAsync(time * 1000);\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    //without settimeout, app is crashing with errors\n    setTimeout(() => {\n      if (this.state.props.autoplay) {\n        this.play();\n      }\n    }, 1000);\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    this.stop();\n  }\n\n  public renderTextSkeleton(): React.ReactNode {\n      return (\n        createSkeleton(this.theme, {} as WmSkeletonStyles, {\n          ...this.styles.text,\n          ...this.styles.textSkeleton.root\n        }\n        )\n      )\n  } \n  renderWidget(props: WmAudioProps) {\n    return props.controls ? (\n      <View style={this.styles.root}>\n        {this._background}\n        {!this.state.playing ? (<WmIcon \n          id={this.getTestId('play')}\n          name={props.name + \"_play\"}\n          styles={this.styles.playIcon}\n          iconclass=\"wi wi-play-arrow fa-2x\"\n          onTap={() => this.play()}></WmIcon>) : (\n        <WmIcon name={props.name + \"_pause\"}\n          id={this.getTestId('pause')}\n          iconclass=\"wi wi-pause fa-2x\"\n          styles={this.styles.pauseIcon}\n          onTap={() => this.pause()}></WmIcon>)}\n        {\n          this._showSkeleton ? this.renderTextSkeleton() : \n          <>\n            <Text style={this.styles.text}>\n            {`${this.formatTime(this.state.currentTime)} / ${this.formatTime(this.state.totalTime)}`}\n            </Text>\n            <Slider\n            testID={this.getTestId('slider')}\n            step={1}\n            style={{flex: 1}}\n            value={this.state.currentTime}\n            disabled={isWebPreviewMode()}\n            onValueChange={this.onSeekChange.bind(this)}\n            minimumValue={0}\n            inverted={this.isRTL && (Platform.OS==\"android\" || Platform.OS==\"web\")}\n            maximumValue={this.state.totalTime || 1}\n            thumbTintColor={this.styles.slider.thumb.backgroundColor as string}\n            minimumTrackTintColor={this.styles.slider.minimumTrack.backgroundColor as string}\n            maximumTrackTintColor={this.styles.slider.maximumTrack.backgroundColor as string}\n            />\n          </>\n        }\n        {!props.muted ? (<WmIcon name={props.name + \"_mute\"}\n          id={this.getTestId('mute')}\n          iconclass=\"wi wi-volume-up fa-2x\"\n          styles={this.styles.muteIcon}\n          onTap={() => this.mute()}></WmIcon>) :\n        (<WmIcon name={props.name + \"_unmute\"}\n          id={this.getTestId('unmute')}\n          iconclass=\"wi wi-volume-off fa-2x\"\n          styles={this.styles.unmuteIcon}\n          onTap={() => this.unmute()}></WmIcon>)}\n      </View>) : null; \n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/basic/audio/audio.styles.js

@@ -54,6 +54,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       thumb: {
         backgroundColor: themeVariables.defaultColor3
       }
+    },
+    textSkeleton: {
+      root: {
+        width: 200,
+        height: 16,
+        borderRadius: 4
+      }
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

app-rn-runtime/components/basic/audio/audio.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Color","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","defaultColorF","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","borderRadius","minWidth","text","color","defaultColor3","playIcon","icon","pauseIcon","muteIcon","unmuteIcon","slider","flex","display","minimumTrack","maximumTrack","lighten","rgb","toString","thumb"],"sources":["audio.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 { WmSliderStyles } from '../../input/slider/slider.styles';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport Color from 'color';\n\nexport type WmAudioStyles = BaseStyles & {\n    playIcon: WmIconStyles\n    pauseIcon: WmIconStyles\n    muteIcon: WmIconStyles\n    unmuteIcon: WmIconStyles\n    slider: WmSliderStyles\n};\n\nexport const DEFAULT_CLASS = 'app-audio';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmAudioStyles>({\n        root: {\n            backgroundColor: themeVariables.defaultColorF,\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            paddingHorizontal: 16,\n            paddingVertical: 8,\n            borderRadius: 64,\n            minWidth: 300\n        },\n        text: {\n            color: themeVariables.defaultColor3,\n            paddingHorizontal: 8\n        },\n        playIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        pauseIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        muteIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        unmuteIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        slider: {\n            root: {\n                flex: 1\n            },\n            text: {\n                display: 'none'\n            },\n            minimumTrack: {\n                backgroundColor: themeVariables.defaultColor3\n            },\n            maximumTrack: {\n                backgroundColor: Color(themeVariables.defaultColor3).lighten(0.8).rgb().toString()\n            },\n            thumb: {\n                backgroundColor: themeVariables.defaultColor3\n            }\n        } as WmSliderStyles\n    } as WmAudioStyles);\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAGxF,OAAOC,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGN,YAAY,CAAgB;IAC9CO,IAAI,EAAE;MACFC,eAAe,EAAEJ,cAAc,CAACK,aAAa;MAC7CC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACFC,KAAK,EAAEd,cAAc,CAACe,aAAa;MACnCN,iBAAiB,EAAE;IACvB,CAAC;IACDO,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDG,SAAS,EAAE;MACPD,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDI,QAAQ,EAAE;MACNF,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDK,UAAU,EAAE;MACRH,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDM,MAAM,EAAE;MACJlB,IAAI,EAAE;QACFmB,IAAI,EAAE;MACV,CAAC;MACDT,IAAI,EAAE;QACFU,OAAO,EAAE;MACb,CAAC;MACDC,YAAY,EAAE;QACVpB,eAAe,EAAEJ,cAAc,CAACe;MACpC,CAAC;MACDU,YAAY,EAAE;QACVrB,eAAe,EAAEP,KAAK,CAACG,cAAc,CAACe,aAAa,CAAC,CAACW,OAAO,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;MACrF,CAAC;MACDC,KAAK,EAAE;QACHzB,eAAe,EAAEJ,cAAc,CAACe;MACpC;IACJ;EACJ,CAAkB,CAAC;EACnBd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","Color","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","defaultColorF","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","borderRadius","minWidth","text","color","defaultColor3","playIcon","icon","pauseIcon","muteIcon","unmuteIcon","slider","flex","display","minimumTrack","maximumTrack","lighten","rgb","toString","thumb","textSkeleton","width","height"],"sources":["audio.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 { WmSliderStyles } from '../../input/slider/slider.styles';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport Color from 'color';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmAudioStyles = BaseStyles & {\n    playIcon: WmIconStyles\n    pauseIcon: WmIconStyles\n    muteIcon: WmIconStyles\n    unmuteIcon: WmIconStyles\n    slider: WmSliderStyles\n    textSkeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-audio';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmAudioStyles>({\n        root: {\n            backgroundColor: themeVariables.defaultColorF,\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            paddingHorizontal: 16,\n            paddingVertical: 8,\n            borderRadius: 64,\n            minWidth: 300\n        },\n        text: {\n            color: themeVariables.defaultColor3,\n            paddingHorizontal: 8\n        },\n        playIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        pauseIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        muteIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        unmuteIcon: {\n            icon: {\n                color: themeVariables.defaultColor3\n            }\n        },\n        slider: {\n            root: {\n                flex: 1\n            },\n            text: {\n                display: 'none'\n            },\n            minimumTrack: {\n                backgroundColor: themeVariables.defaultColor3\n            },\n            maximumTrack: {\n                backgroundColor: Color(themeVariables.defaultColor3).lighten(0.8).rgb().toString()\n            },\n            thumb: {\n                backgroundColor: themeVariables.defaultColor3\n            }\n        } as WmSliderStyles,\n        textSkeleton: {\n            root: {\n                width: 200,\n                height: 16,\n                borderRadius: 4\n            }\n          } as any as WmSkeletonStyles\n    } as WmAudioStyles);\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAGxF,OAAOC,KAAK,MAAM,OAAO;AAYzB,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGN,YAAY,CAAgB;IAC9CO,IAAI,EAAE;MACFC,eAAe,EAAEJ,cAAc,CAACK,aAAa;MAC7CC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACFC,KAAK,EAAEd,cAAc,CAACe,aAAa;MACnCN,iBAAiB,EAAE;IACvB,CAAC;IACDO,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDG,SAAS,EAAE;MACPD,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDI,QAAQ,EAAE;MACNF,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDK,UAAU,EAAE;MACRH,IAAI,EAAE;QACFH,KAAK,EAAEd,cAAc,CAACe;MAC1B;IACJ,CAAC;IACDM,MAAM,EAAE;MACJlB,IAAI,EAAE;QACFmB,IAAI,EAAE;MACV,CAAC;MACDT,IAAI,EAAE;QACFU,OAAO,EAAE;MACb,CAAC;MACDC,YAAY,EAAE;QACVpB,eAAe,EAAEJ,cAAc,CAACe;MACpC,CAAC;MACDU,YAAY,EAAE;QACVrB,eAAe,EAAEP,KAAK,CAACG,cAAc,CAACe,aAAa,CAAC,CAACW,OAAO,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;MACrF,CAAC;MACDC,KAAK,EAAE;QACHzB,eAAe,EAAEJ,cAAc,CAACe;MACpC;IACJ,CAAmB;IACnBe,YAAY,EAAE;MACV3B,IAAI,EAAE;QACF4B,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE,EAAE;QACVrB,YAAY,EAAE;MAClB;IACF;EACN,CAAkB,CAAC;EACnBV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/basic/custom/custom.component.js

@@ -19,7 +19,7 @@ export default class WmCustom extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.renderview(props));
+    }, this._background, props.renderview(props));
   }
 }
 //# sourceMappingURL=custom.component.js.map