@wavemaker/app-rn-runtime 11.8.5-next.27433 → 11.8.5-patch.1

package/actions/notification-action.js

@@ -0,0 +1,69 @@
+import { BaseAction } from "./base-action";
+const DEFAULT_DURATION = 3000;
+export class NotificationAction extends BaseAction {
+  constructor(config) {
+    super(config);
+    this.showDialog = config.showDialog;
+  }
+  prepareToastOptions(options = {}) {
+    var _options$class, _params$class;
+    const params = this.config.paramProvider();
+    const o = {};
+    o.text = options.message || params.text;
+    o.type = ((_options$class = options.class) === null || _options$class === void 0 ? void 0 : _options$class.toLowerCase()) || ((_params$class = params.class) === null || _params$class === void 0 ? void 0 : _params$class.toLowerCase());
+    o.onClose = () => {
+      this.config.onClose && this.config.onClose(this);
+    }, o.onClick = () => {
+      this.config.onOk && this.config.onOk(this);
+    }, o.content = this.config.partialContent;
+    o.hideOnClick = options.hideOnClick || true;
+    const toasterPosition = options.position || params.toasterPosition || 'bottom right';
+    const placement = toasterPosition.split(' ')[0];
+    switch (placement) {
+      case 'top':
+        o.styles = {
+          top: 0
+        };
+        break;
+      case 'bottom':
+        o.styles = {
+          bottom: 0
+        };
+        break;
+      case 'center':
+        o.styles = {
+          top: '50%'
+        };
+        break;
+    }
+    if (this.config.partialContent) {
+      if (!o.styles) {
+        o.styles = {};
+      }
+    }
+    if (!params.duration) {
+      params.duration = params.duration !== 0 && o.type === 'success' ? DEFAULT_DURATION : 0;
+    }
+    o.duration = parseInt(options.duration || params.duration);
+    o.name = this.name;
+    return o;
+  }
+  getMessage() {
+    return this.config.paramProvider().text;
+  }
+  invoke(options, success, error) {
+    super.invoke(options, success, error);
+    if (this.config.operation === 'toast') {
+      const toasterService = this.config.toasterService();
+      return toasterService.showToast(this.prepareToastOptions(options));
+    } else {
+      return this.showDialog && this.showDialog({
+        ...this.params,
+        onOk: this.config.onOk,
+        onCancel: this.config.onCancel,
+        onClose: this.config.onClose
+      });
+    }
+  }
+}
+//# sourceMappingURL=notification-action.js.map

package/actions/notification-action.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseAction","DEFAULT_DURATION","NotificationAction","constructor","config","showDialog","prepareToastOptions","options","_options$class","_params$class","params","paramProvider","o","text","message","type","class","toLowerCase","onClose","onClick","onOk","content","partialContent","hideOnClick","toasterPosition","position","placement","split","styles","top","bottom","duration","parseInt","name","getMessage","invoke","success","error","operation","toasterService","showToast","onCancel"],"sources":["notification-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\nimport React from 'react';\nexport interface NotificationActionConfig extends ActionConfig {\n    showDialog: Function;\n    onOk: any;\n    onCancel: any;\n    onClose: any;\n    operation: string;\n    partialContent: React.ReactNode;\n    toasterService: () => ToastService;\n}\nconst DEFAULT_DURATION = 3000;\nexport class NotificationAction extends BaseAction<NotificationActionConfig> {\n    showDialog: Function;\n    constructor(config: NotificationActionConfig) {\n        super(config);\n        this.showDialog = config.showDialog;\n    }\n\n    prepareToastOptions(options: any = {}) {\n        const params = this.config.paramProvider();\n        const o = {} as ToastOptions;\n        o.text = options.message || params.text;\n        o.type = options.class?.toLowerCase() || params.class?.toLowerCase();\n        o.onClose = () => {\n            this.config.onClose && this.config.onClose(this);\n        },\n        o.onClick = () => {\n            this.config.onOk && this.config.onOk(this);\n        },\n        o.content = this.config.partialContent;\n        o.hideOnClick = options.hideOnClick || true;\n        const toasterPosition = options.position || params.toasterPosition || 'bottom right';\n        const placement = toasterPosition.split(' ')[0];\n        switch(placement) {\n            case 'top':\n                o.styles = {top: 0};\n                break;\n            case 'bottom':\n                o.styles = {bottom: 0};\n                break;\n            case 'center':\n                o.styles = {top: '50%'};\n                break;\n        }\n        if (this.config.partialContent) {\n            if (!o.styles) {\n                o.styles = {};\n            }\n        }\n        if (!params.duration) {\n          params.duration = (params.duration !== 0 && o.type === 'success') ? DEFAULT_DURATION : 0;\n        }\n        o.duration = parseInt(options.duration || params.duration);\n        o.name = this.name;\n        return o;\n      }\n\n    getMessage() {\n        return this.config.paramProvider().text;\n    }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        if (this.config.operation === 'toast') {\n            const toasterService = this.config.toasterService();\n            return toasterService.showToast(this.prepareToastOptions(options));\n        } else {\n            return this.showDialog && this.showDialog({...this.params, onOk: this.config.onOk, onCancel: this.config.onCancel, onClose: this.config.onClose});\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/actions/timer-action.js

@@ -0,0 +1,55 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseAction } from "./base-action";
+export class TimerAction extends BaseAction {
+  constructor(config) {
+    super(config);
+    _defineProperty(this, "_isFired", false);
+    _defineProperty(this, "_schedulerID", -1);
+    this.repeating = config.repeating;
+    this.delay = config.delay || 500;
+  }
+  invoke(options, success, error) {
+    super.invoke(options, success, error);
+    return this.fire(this.params, success, error);
+  }
+  cancel() {
+    if (this._schedulerID > -1) {
+      if (this.repeating) {
+        clearInterval(this._schedulerID);
+      } else {
+        clearTimeout(this._schedulerID);
+      }
+      this._schedulerID = -1;
+    }
+  }
+  destroy() {
+    this.cancel();
+  }
+  pause() {
+    this.cancel();
+  }
+  trigger(options, success, error) {
+    if (this._schedulerID > -1) {
+      return;
+    }
+    const repeatTimer = this.repeating,
+      delay = this.delay,
+      exec = () => {
+        this.config.onSuccess && this.config.onSuccess();
+      };
+    this._schedulerID = repeatTimer ? setInterval(exec, delay) : setTimeout(() => {
+      exec();
+      this._schedulerID = -1;
+    }, delay);
+    return this._schedulerID;
+  }
+  fire(options, success, error) {
+    if (this.repeating) {
+      this._isFired = true;
+    }
+    return this.trigger(options, success, error);
+  }
+}
+//# sourceMappingURL=timer-action.js.map

package/actions/timer-action.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseAction","TimerAction","constructor","config","_defineProperty","repeating","delay","invoke","options","success","error","fire","params","cancel","_schedulerID","clearInterval","clearTimeout","destroy","pause","trigger","repeatTimer","exec","onSuccess","setInterval","setTimeout","_isFired"],"sources":["timer-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nexport interface TimerActionConfig extends ActionConfig {\n    repeating: Boolean;\n    delay: number;\n    onSuccess: any;\n}\nexport class TimerAction extends BaseAction<TimerActionConfig> {\n    repeating: Boolean;\n    _isFired = false;\n    _schedulerID: any = -1;\n    delay: number;\n    constructor(config: TimerActionConfig) {\n        super(config);\n        this.repeating = config.repeating;\n        this.delay = config.delay || 500;\n    }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        return this.fire(this.params, success, error) as any;\n    }\n\n    cancel() {\n        if (this._schedulerID > -1) {\n            if (this.repeating) {\n                clearInterval(this._schedulerID);\n            } else {\n                clearTimeout(this._schedulerID);\n            }\n            this._schedulerID = -1;\n        }\n    }\n\n    destroy() {\n        this.cancel();\n    }\n\n    pause() {\n        this.cancel();\n    }\n\n    trigger(options: any, success: any, error: any) {\n        if (this._schedulerID > -1) {\n            return;\n        }\n        const repeatTimer = this.repeating,\n            delay = this.delay,\n            exec = () => {\n                this.config.onSuccess && this.config.onSuccess();\n            };\n\n        this._schedulerID = repeatTimer ? setInterval(exec, delay) : setTimeout( () => {\n            exec();\n            this._schedulerID = -1;\n        }, delay);\n\n        return this._schedulerID;\n    }\n\n    fire(options: any, success: any, error: any) {\n        if(this.repeating) {\n            this._isFired = true;\n        }\n        return this.trigger(options, success, error);\n    }\n}"],"mappings":";;;AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAMxD,OAAO,MAAMC,WAAW,SAASD,UAAU,CAAoB;EAK3DE,WAAWA,CAACC,MAAyB,EAAE;IACnC,KAAK,CAACA,MAAM,CAAC;IAACC,eAAA,mBAJP,KAAK;IAAAA,eAAA,uBACI,CAAC,CAAC;IAIlB,IAAI,CAACC,SAAS,GAAGF,MAAM,CAACE,SAAS;IACjC,IAAI,CAACC,KAAK,GAAGH,MAAM,CAACG,KAAK,IAAI,GAAG;EACpC;EAEAC,MAAMA,CAACC,OAAY,EAAEC,OAAY,EAAEC,KAAU,EAAE;IAC3C,KAAK,CAACH,MAAM,CAACC,OAAO,EAAEC,OAAO,EAAEC,KAAK,CAAC;IACrC,OAAO,IAAI,CAACC,IAAI,CAAC,IAAI,CAACC,MAAM,EAAEH,OAAO,EAAEC,KAAK,CAAC;EACjD;EAEAG,MAAMA,CAAA,EAAG;IACL,IAAI,IAAI,CAACC,YAAY,GAAG,CAAC,CAAC,EAAE;MACxB,IAAI,IAAI,CAACT,SAAS,EAAE;QAChBU,aAAa,CAAC,IAAI,CAACD,YAAY,CAAC;MACpC,CAAC,MAAM;QACHE,YAAY,CAAC,IAAI,CAACF,YAAY,CAAC;MACnC;MACA,IAAI,CAACA,YAAY,GAAG,CAAC,CAAC;IAC1B;EACJ;EAEAG,OAAOA,CAAA,EAAG;IACN,IAAI,CAACJ,MAAM,CAAC,CAAC;EACjB;EAEAK,KAAKA,CAAA,EAAG;IACJ,IAAI,CAACL,MAAM,CAAC,CAAC;EACjB;EAEAM,OAAOA,CAACX,OAAY,EAAEC,OAAY,EAAEC,KAAU,EAAE;IAC5C,IAAI,IAAI,CAACI,YAAY,GAAG,CAAC,CAAC,EAAE;MACxB;IACJ;IACA,MAAMM,WAAW,GAAG,IAAI,CAACf,SAAS;MAC9BC,KAAK,GAAG,IAAI,CAACA,KAAK;MAClBe,IAAI,GAAGA,CAAA,KAAM;QACT,IAAI,CAAClB,MAAM,CAACmB,SAAS,IAAI,IAAI,CAACnB,MAAM,CAACmB,SAAS,CAAC,CAAC;MACpD,CAAC;IAEL,IAAI,CAACR,YAAY,GAAGM,WAAW,GAAGG,WAAW,CAACF,IAAI,EAAEf,KAAK,CAAC,GAAGkB,UAAU,CAAE,MAAM;MAC3EH,IAAI,CAAC,CAAC;MACN,IAAI,CAACP,YAAY,GAAG,CAAC,CAAC;IAC1B,CAAC,EAAER,KAAK,CAAC;IAET,OAAO,IAAI,CAACQ,YAAY;EAC5B;EAEAH,IAAIA,CAACH,OAAY,EAAEC,OAAY,EAAEC,KAAU,EAAE;IACzC,IAAG,IAAI,CAACL,SAAS,EAAE;MACf,IAAI,CAACoB,QAAQ,GAAG,IAAI;IACxB;IACA,OAAO,IAAI,CAACN,OAAO,CAACX,OAAO,EAAEC,OAAO,EAAEC,KAAK,CAAC;EAChD;AACJ","ignoreList":[]}

package/components/advanced/carousel/carousel-content/carousel-content.props.js

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

package/components/advanced/carousel/carousel-template/carousel-template.props.js

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

package/components/advanced/carousel/carousel.component.js

@@ -0,0 +1,331 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { isArray, isUndefined } from 'lodash-es';
+import { Animated, Easing, View } from 'react-native';
+import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import WmCarouselProps from './carousel.props';
+import { DEFAULT_CLASS } from './carousel.styles';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmCarouselState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "activeIndex", 1);
+  }
+}
+export default class WmCarousel extends BaseComponent {
+  constructor(_props) {
+    super(_props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());
+    _defineProperty(this, "noOfSlides", 0);
+    _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, "animationView", null);
+    _defineProperty(this, "animationHandlers", {
+      bounds: e => {
+        var _this$slidesLayout, _this$slidesLayout$ac;
+        const activeTabIndex = this.state.activeIndex - 1;
+        let lower = 0;
+        if (activeTabIndex > 0) {
+          lower = this.slidesLayout.filter((l, i) => i < activeTabIndex - 1).reduce((s, l) => s + l.width, 0);
+        }
+        let center = lower + (((_this$slidesLayout = this.slidesLayout[activeTabIndex - 1]) === null || _this$slidesLayout === void 0 ? void 0 : _this$slidesLayout.width) || 0);
+        let upper = center + (((_this$slidesLayout$ac = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac === void 0 ? void 0 : _this$slidesLayout$ac.width) || 0);
+        return {
+          lower: -1 * lower,
+          center: -1 * center,
+          upper: -1 * upper
+        };
+      },
+      computePhase: value => {
+        var _this$slidesLayout$ac2;
+        const activeTabIndex = this.state.activeIndex - 1;
+        const w = ((_this$slidesLayout$ac2 = this.slidesLayout[activeTabIndex]) === null || _this$slidesLayout$ac2 === void 0 ? void 0 : _this$slidesLayout$ac2.width) || 0;
+        return w && Math.abs(value / w);
+      },
+      onLower: e => {
+        this.onSlideChange(this.state.activeIndex - 1);
+      },
+      onUpper: e => {
+        if (this.noOfSlides < this.state.activeIndex + 1) {
+          var _this$animationView;
+          this.onSlideChange(1);
+          (_this$animationView = this.animationView) === null || _this$animationView === void 0 || _this$animationView.setPosition(0);
+        } else {
+          this.onSlideChange(this.state.activeIndex + 1);
+        }
+      }
+    });
+    _defineProperty(this, "onSlideChange", index => {
+      const prevIndex = this.state.activeIndex;
+      this.updateState({
+        activeIndex: index
+      }, () => this.invokeEventCallback('onChange', [this, index, prevIndex]));
+      this.animatePagination(index);
+    });
+    _defineProperty(this, "renderItem", (item, index) => {
+      const props = this.state.props;
+      if (props.type === 'dynamic') {
+        return props.renderSlide ? props.renderSlide(item, index, this) : null;
+      }
+      return props.children[index];
+    });
+    _defineProperty(this, "next", () => {
+      const props = this.state.props;
+      const data = props.type === 'dynamic' ? props.dataset : props.children;
+      if (this.state.activeIndex >= (data === null || data === void 0 ? void 0 : data.length) || 0) {
+        var _this$animationView2;
+        this.onSlideChange(1);
+        (_this$animationView2 = this.animationView) === null || _this$animationView2 === void 0 || _this$animationView2.setPosition(0);
+      } else {
+        var _this$animationView3;
+        (_this$animationView3 = this.animationView) === null || _this$animationView3 === void 0 || _this$animationView3.goToUpper();
+      }
+    });
+    _defineProperty(this, "prev", () => {
+      var _this$animationView4;
+      (_this$animationView4 = this.animationView) === null || _this$animationView4 === void 0 || _this$animationView4.goToLower();
+    });
+    this.cleanup.push(() => {
+      this.stopPlay && this.stopPlay();
+    });
+  }
+  addSlideLayout(index, nativeEvent) {
+    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;
+    if (index === this.state.activeIndex) {
+      this.forceUpdate();
+    }
+  }
+  generateItemKey(item, index, props) {
+    if (props.itemkey && item && !this._showSkeleton) {
+      return props.itemkey(item, index);
+    }
+    return 'list_item_' + this.keyExtractor.getKey(item, true);
+  }
+  autoPlay() {
+    if (!this.initialized) {
+      return;
+    }
+    const props = this.state.props;
+    this.stopPlay && this.stopPlay();
+    if (props.animation === 'auto' && props.animationinterval) {
+      const intervalId = setInterval(() => {
+        this.next();
+      }, props.animationinterval * 1000);
+      this.stopPlay = () => clearInterval(intervalId);
+    } else {
+      setTimeout(() => {
+        var _this$animationView5;
+        this.onSlideChange(1);
+        (_this$animationView5 = this.animationView) === null || _this$animationView5 === void 0 || _this$animationView5.setPosition(0);
+      }, 1000);
+    }
+  }
+  stopAnimation() {
+    this.stopPlay();
+  }
+  startAnimation() {
+    this.autoPlay();
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'dataset':
+        {
+          var _this$keyExtractor;
+          (_this$keyExtractor = this.keyExtractor) === null || _this$keyExtractor === void 0 || _this$keyExtractor.clear();
+          this.updateState({
+            activeIndex: Math.min(this.state.activeIndex, ($new === null || $new === void 0 ? void 0 : $new.length) || 1)
+          });
+          break;
+        }
+      case 'animation':
+      case 'animationinterval':
+        {
+          this.autoPlay();
+        }
+    }
+  }
+  animatePagination(index) {
+    var _this$styles$dotStyle, _this$styles$dotStyle2, _this$styles$dotStyle3;
+    const prevIndex = this.state.activeIndex;
+    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 options = {
+      useNativeDriver: true,
+      duration: 200,
+      easing: Easing.out(Easing.linear)
+    };
+    if (prevIndex < index) {
+      Animated.sequence([Animated.timing(this.dotScale, {
+        toValue: scale,
+        ...options
+      }), Animated.parallel([Animated.timing(this.dotScale, {
+        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,
+        ...options
+      })]).start();
+    }
+  }
+  renderPagination(data) {
+    const maxNoOfDots = this.state.props.maxnoofdots;
+    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);
+    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);
+    if (maxIndex === data.length) {
+      minIndex = maxIndex - maxNoOfDots;
+    }
+    const dotStyle = this._showSkeleton ? {
+      ...this.styles.dotStyle,
+      ...this.styles.dotSkeleton
+    } : this.styles.dotStyle;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.dotsWrapperStyle
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: this.isRTL ? 'row-reverse' : 'row'
+      }
+    }, data.map((item, index) => {
+      return index >= minIndex && index <= maxIndex ? /*#__PURE__*/React.createElement(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
+        }]
+      }, 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) {
+    var _this$styles$skeleton;
+    return /*#__PURE__*/React.createElement(View, null, createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      height: (_this$styles$skeleton = this.styles.skeleton.root) === null || _this$styles$skeleton === void 0 ? void 0 : _this$styles$skeleton.height
+    }), this.renderPagination([{}, {}, {}]));
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.autoPlay();
+  }
+  renderWidget(props) {
+    var _data, _this$styles$slide;
+    const hasNavs = props.controls === 'both' || props.controls === 'navs';
+    const hasDots = props.controls === 'both' || props.controls === 'indicators';
+    let styles = this.styles;
+    let data = props.type === 'dynamic' ? props.dataset : props.children;
+    data = isArray(data) ? data : [];
+    this.noOfSlides = ((_data = data) === null || _data === void 0 ? void 0 : _data.length) || 0;
+    let slideScale = undefined;
+    let slideTranslateX = undefined;
+    if (isArray((_this$styles$slide = this.styles.slide) === null || _this$styles$slide === void 0 ? void 0 : _this$styles$slide.transform)) {
+      var _this$styles$slide2, _this$styles$slide3;
+      slideScale = (_this$styles$slide2 = this.styles.slide) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.transform) === null || _this$styles$slide2 === void 0 || (_this$styles$slide2 = _this$styles$slide2.find(o => !isUndefined(o.scale))) === null || _this$styles$slide2 === void 0 ? void 0 : _this$styles$slide2.scale;
+      slideTranslateX = (_this$styles$slide3 = this.styles.slide) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.transform) === null || _this$styles$slide3 === void 0 || (_this$styles$slide3 = _this$styles$slide3.find(o => !isUndefined(o.translateX))) === null || _this$styles$slide3 === void 0 ? void 0 : _this$styles$slide3.translateX;
+    }
+    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, this._background, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures && this.noOfSlides > 1,
+      style: {
+        flex: 1
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
+      },
+      handlers: this.animationHandlers,
+      slideMinWidth: this.styles.slide.width
+    }, data.map((item, index) => {
+      var _this$animationView6, _this$animationView7;
+      const isActive = index === this.state.activeIndex - 1;
+      let scale = (_this$animationView6 = this.animationView) === null || _this$animationView6 === void 0 ? void 0 : _this$animationView6.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [slideScale, slideScale, 1, slideScale, slideScale]
+      });
+      let translateX = (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.animationPhase.interpolate({
+        inputRange: [-2000, index - 1, index, index + 1, 2000],
+        outputRange: [-56, -56, 0, 56, 56]
+      });
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        key: this.generateItemKey(item, index, props),
+        onLayout: this.addSlideLayout.bind(this, 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 ? {
+          transform: [{
+            translateX: !isUndefined(slideTranslateX) ? slideTranslateX : translateX
+          }, {
+            scale: scale
+          }]
+        } : null]
+      }, /*#__PURE__*/React.createElement(Tappable, {
+        onTap: () => {
+          var _this$animationView8;
+          this.onSlideChange(index + 1);
+          const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
+          (_this$animationView8 = this.animationView) === null || _this$animationView8 === void 0 || _this$animationView8.setPosition(-1 * position);
+        },
+        rippleColor: this.styles.root.rippleColor,
+        styles: {
+          height: "100%"
+        }
+      }, this.renderItem(item, index)));
+    })), hasNavs ? /*#__PURE__*/React.createElement(View, {
+      style: styles.btnPanel
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('prev_icon'),
+      iconclass: "wi wi-chevron-left fa-2x",
+      styles: styles.prevBtn,
+      onTap: this.prev,
+      accessibilitylabel: "back"
+    }), /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('next_icon'),
+      iconclass: "wi wi-chevron-right fa-2x",
+      styles: styles.nextBtn,
+      onTap: this.next,
+      accessibilitylabel: "next"
+    })) : null, hasDots && data ? this.renderPagination(data) : null);
+  }
+}
+//# sourceMappingURL=carousel.component.js.map

package/components/advanced/carousel/carousel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isArray","isUndefined","Animated","Easing","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","Tappable","WmCarouselProps","DEFAULT_CLASS","createSkeleton","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","createElement","style","dotsWrapperStyle","flexDirection","map","_extends","key","getTestPropsForAction","activeDotStyle","undefined","height","transform","translateX","right","left","renderSkeleton","_this$styles$skeleton","theme","skeleton","root","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","renderItem","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\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>\n      {\n      createSkeleton(this.theme, this.styles.skeleton, {...this.styles.root, height: this.styles.skeleton.root?.height})}\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":"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","ignoreList":[]}

package/components/advanced/carousel/carousel.props.js

@@ -0,0 +1,20 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCarouselProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "type", 'static');
+    _defineProperty(this, "animation", 'auto');
+    _defineProperty(this, "animationinterval", 3);
+    _defineProperty(this, "controls", 'both');
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "itemkey", null);
+    _defineProperty(this, "enablegestures", true);
+    _defineProperty(this, "maxnoofdots", 20);
+    _defineProperty(this, "showskeletonchildren", false);
+  }
+}
+//# sourceMappingURL=carousel.props.js.map

package/components/advanced/carousel/carousel.props.js.map

@@ -0,0 +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,yBAE/B,IAAI;IAAAA,eAAA,sBACR,EAAE;IAAAA,eAAA,+BACiB,KAAK;EAAA;AACxC","ignoreList":[]}