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

package/components/input/slider/slider.component.js

@@ -0,0 +1,439 @@
+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 { View, Text, TouchableOpacity, Animated, Dimensions } from 'react-native';
+import { debounce, isNumber, isNil, isArray, isString, last } from 'lodash';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
+import WmTooltip from '@wavemaker/app-rn-runtime/components/basic/tooltip/tooltip.component';
+import WmSliderProps from './slider.props';
+import { DEFAULT_CLASS } from './slider.styles';
+import { isDefined, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+const SCREEN_WIDTH = Dimensions.get("screen").width;
+export class WmSliderState extends BaseDatasetState {}
+class Scale {
+  static getInstanceWithTicks(ticks) {
+    const scale = new Scale();
+    scale.ticks = [...ticks];
+    return scale;
+  }
+  constructor() {
+    _defineProperty(this, "ticks", []);
+  }
+  getTickIndex(value) {
+    if (isString(value)) {
+      value = parseInt(value);
+    }
+    let markIndex = 0;
+    const i = this.ticks.findIndex((v, i) => v.markValue >= value);
+    if (i === 0) {
+      markIndex = 0;
+    } else if (i < 0 || i === this.ticks.length - 1) {
+      markIndex = this.ticks.length - 1;
+    } else if (value - this.ticks[i - 1].markValue < (this.ticks[i].markValue - this.ticks[i - 1].markValue) / 2) {
+      markIndex = i - 1;
+    } else {
+      markIndex = i;
+    }
+    return markIndex;
+  }
+  getMinTick() {
+    return this.ticks[0];
+  }
+  getMaxTick() {
+    return last(this.ticks) || {};
+  }
+  getTick(value) {
+    return this.ticks[this.getTickIndex(value)];
+  }
+  clamp(value) {
+    const index = this.getTickIndex(value);
+    return this.ticks[index].markValue;
+  }
+  transform(min, max) {
+    var _this$ticks$, _last;
+    const thisMin = (this.ticks ? (_this$ticks$ = this.ticks[0]) === null || _this$ticks$ === void 0 ? void 0 : _this$ticks$.markValue : 0) || 0;
+    const thisMax = (_last = last(this.ticks)) === null || _last === void 0 ? void 0 : _last.markValue;
+    const factor = thisMax ? (max - min) / (thisMax - thisMin) : 1;
+    const ticks = [];
+    this.ticks.forEach((v, i) => {
+      const markValue = Math.round(min + (v.markValue - this.ticks[0].markValue) * factor);
+      ticks[i] = {
+        displayfield: '' + markValue,
+        markValue: markValue,
+        datafield: markValue,
+        dataitem: markValue
+      };
+    });
+    return Scale.getInstanceWithTicks(ticks);
+  }
+}
+export default class WmSlider extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmSliderProps());
+    _defineProperty(this, "valueBeforeSlide", 0);
+    _defineProperty(this, "position", new Animated.Value(0));
+    _defineProperty(this, "highPosition", new Animated.Value(0));
+    _defineProperty(this, "trackGesture", Gesture.Pan());
+    _defineProperty(this, "knobGesture", Gesture.Pan());
+    _defineProperty(this, "highKnobGesture", Gesture.Pan());
+    _defineProperty(this, "scale", null);
+    _defineProperty(this, "uiScale", null);
+    _defineProperty(this, "onSliderChange", debounce((value, gestureType) => {
+      const dataValue = this.getScaledDataValue();
+      const isRangeSlider = this.state.props.range && isArray(dataValue);
+
+      // * thumb value for low or high
+      const oldThumbValue = gestureType === 'lowThumb' ? dataValue || (dataValue === null || dataValue === void 0 ? void 0 : dataValue[0]) : dataValue === null || dataValue === void 0 ? void 0 : dataValue[1];
+      let thumbDataValue = isRangeSlider ? [dataValue[0], dataValue[1]] : [value];
+      if (isRangeSlider) {
+        if (gestureType === 'lowThumb') {
+          const valueLowerThanHighThumb = value > (dataValue === null || dataValue === void 0 ? void 0 : dataValue[1]) ? dataValue === null || dataValue === void 0 ? void 0 : dataValue[1] : value;
+          thumbDataValue = [valueLowerThanHighThumb, dataValue[1]];
+        } else if (gestureType === 'highThumb') {
+          const valueGreaterThanLowThumb = value < dataValue[0] ? dataValue === null || dataValue === void 0 ? void 0 : dataValue[0] : value;
+          thumbDataValue = [dataValue[0], valueGreaterThanLowThumb];
+        } else if (dataValue[1] && value > dataValue[1]) {
+          thumbDataValue = [dataValue[0], value];
+        } else {
+          thumbDataValue = [value, dataValue[1]];
+        }
+      }
+
+      // * new thumb value is different from old value
+      const dataset = thumbDataValue.map(v => this.scale.getTick(v).datafield);
+      this.updateState({
+        props: {
+          datavalue: dataset.length > 1 ? dataset : dataset[0]
+        }
+      });
+      this.props.onFieldChange && this.props.onFieldChange('datavalue', thumbDataValue, oldThumbValue);
+    }, 200));
+    _defineProperty(this, "onLayoutChange", e => {
+      const layout = e.nativeEvent.layout;
+      this.updateState({
+        track: {
+          top: isWebPreviewMode() ? layout.top : layout.y,
+          left: isWebPreviewMode() ? layout.left : layout.x,
+          width: layout.width,
+          height: layout.height
+        }
+      }, () => {
+        this.initScale();
+        this.computePosition(this.getScaledDataValue()[0], 'track');
+      });
+    });
+    this.initScale();
+    this.configureGesture(this.trackGesture, 'track');
+    this.configureGesture(this.knobGesture, 'lowThumb');
+    this.configureGesture(this.highKnobGesture, 'highThumb');
+  }
+  getValueFromGesture(positionX) {
+    var _this$scale;
+    return ((_this$scale = this.scale) === null || _this$scale === void 0 ? void 0 : _this$scale.ticks[this.uiScale.getTickIndex(positionX)].markValue) || 0;
+  }
+  getPositionFromValue(value) {
+    var _this$uiScale;
+    return (_this$uiScale = this.uiScale) === null || _this$uiScale === void 0 || (_this$uiScale = _this$uiScale.ticks[this.scale.getTickIndex(value)]) === null || _this$uiScale === void 0 ? void 0 : _this$uiScale.markValue;
+  }
+  configureGesture(gesture, gestureType) {
+    gesture.maxPointers(1).minDistance(0).onChange(e => {
+      const value = this.getValueFromGesture(e.absoluteX);
+      this.computePosition(value, gestureType);
+      this.forceUpdate();
+    }).onEnd(e => {
+      if (this.state.track) {
+        const value = this.getValueFromGesture(e.absoluteX);
+        this.onSliderChange(value, gestureType);
+        this.forceUpdate();
+      }
+    });
+  }
+  getScaledDataValue() {
+    let dataValue = this.state.props.datavalue || this.getDataValue();
+    if (dataValue && this.scale) {
+      dataValue = isArray(dataValue) ? dataValue : [dataValue];
+      return dataValue.map(d => {
+        var _this$scale2;
+        return (_this$scale2 = this.scale) === null || _this$scale2 === void 0 || (_this$scale2 = _this$scale2.ticks.find(t => t.datafield === d)) === null || _this$scale2 === void 0 ? void 0 : _this$scale2.markValue;
+      });
+    }
+    return dataValue;
+  }
+  getDataValue() {
+    let dataValue = this.props.datavalue;
+    if (isNil(this.props.datavalue)) {
+      var _this$scale$ticks, _this$scale$ticks$mid;
+      const mid = Math.floor(this.scale.ticks.length / 2);
+      return mid > 0 ? [((_this$scale$ticks = this.scale.ticks[mid - 1]) === null || _this$scale$ticks === void 0 ? void 0 : _this$scale$ticks.datafield) || 0, ((_this$scale$ticks$mid = this.scale.ticks[mid]) === null || _this$scale$ticks$mid === void 0 ? void 0 : _this$scale$ticks$mid.datafield) || 100] : [];
+    }
+    dataValue = isArray(dataValue) ? dataValue : [dataValue];
+    return dataValue.map(d => {
+      var _this$scale$getTick;
+      return (_this$scale$getTick = this.scale.getTick(d)) === null || _this$scale$getTick === void 0 ? void 0 : _this$scale$getTick.datafield;
+    });
+  }
+  initNumericSlider() {
+    const dataset = [];
+    const minValue = this.state.props.minvalue;
+    const maxValue = this.state.props.maxvalue;
+    const step = this.state.props.step;
+    if (isDefined(minValue) && isDefined(maxValue) && isDefined(step)) {
+      let nextMark = minValue;
+      while (nextMark <= maxValue) {
+        dataset.push(nextMark);
+        nextMark += step || 1;
+      }
+      this.updateState({
+        props: {
+          dataset: dataset
+        }
+      });
+    }
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'maxvalue':
+      case 'minvalue':
+      case 'step':
+        if (this.state.props.datatype === 'number' && this.initialized) {
+          this.initNumericSlider();
+        }
+      case 'datavalue':
+        if (isNumber($new) && isNumber($old)) {
+          this.invokeEventCallback('onChange', [null, this, $new, $old]);
+        }
+        break;
+    }
+  }
+  onDataItemsUpdate() {
+    var _this$getScaledDataVa;
+    super.onDataItemsUpdate();
+    this.initScale();
+    this.computePosition(((_this$getScaledDataVa = this.getScaledDataValue()) === null || _this$getScaledDataVa === void 0 ? void 0 : _this$getScaledDataVa[0]) || 10, "track");
+  }
+  initScale() {
+    var _this$state$dataItems, _state$track;
+    const props = this.state.props;
+    const state = this.state;
+    this.scale = Scale.getInstanceWithTicks((_this$state$dataItems = this.state.dataItems) === null || _this$state$dataItems === void 0 ? void 0 : _this$state$dataItems.map((d, i) => ({
+      displayfield: d.displayexp || d.displayfield,
+      markValue: i + 1,
+      datafield: d.datafield,
+      dataitem: d
+    })));
+    const width = ((_state$track = state.track) === null || _state$track === void 0 ? void 0 : _state$track.width) || 0;
+    this.uiScale = this.scale.transform(0, width);
+  }
+  computePosition(from, gestureType) {
+    const state = this.state;
+    const datavalue = this.getScaledDataValue();
+
+    // * single thumb slider
+    if (!state.props.range) {
+      var _this$position;
+      const value = this.getPositionFromValue(from);
+      (_this$position = this.position) === null || _this$position === void 0 || _this$position.setValue(isNaN(value) ? 0 : value);
+      return;
+    }
+    if (gestureType === 'highThumb') {
+      var _this$highPosition;
+      const value = this.getPositionFromValue(Math.max(datavalue[0], from));
+      (_this$highPosition = this.highPosition) === null || _this$highPosition === void 0 || _this$highPosition.setValue(value);
+    } else if (gestureType === 'lowThumb') {
+      var _this$position2;
+      const value = this.getPositionFromValue(Math.min(from, datavalue[1]));
+      (_this$position2 = this.position) === null || _this$position2 === void 0 || _this$position2.setValue(value);
+    } else {
+      var _this$scale$getMinTic, _this$position3, _this$scale$getMaxTic, _this$highPosition2;
+      /*
+       * gestureType: track
+       * initial position for low and high thumb
+       */
+      const lowPosition = this.getPositionFromValue((datavalue === null || datavalue === void 0 ? void 0 : datavalue[0]) || ((_this$scale$getMinTic = this.scale.getMinTick()) === null || _this$scale$getMinTic === void 0 ? void 0 : _this$scale$getMinTic.datafield));
+      (_this$position3 = this.position) === null || _this$position3 === void 0 || _this$position3.setValue(lowPosition || 0);
+      const highPosition = this.getPositionFromValue((datavalue === null || datavalue === void 0 ? void 0 : datavalue[1]) || ((_this$scale$getMaxTic = this.scale.getMaxTick()) === null || _this$scale$getMaxTic === void 0 ? void 0 : _this$scale$getMaxTic.datafield));
+      (_this$highPosition2 = this.highPosition) === null || _this$highPosition2 === void 0 || _this$highPosition2.setValue(highPosition || 0);
+    }
+  }
+  getTooltipLabel(value, initialValue, type) {
+    var _this$scale3;
+    const props = this.props;
+    let tooltipValue = initialValue;
+    const updatedPositionInPx = Number(JSON.stringify(value));
+    if (updatedPositionInPx) {
+      tooltipValue = this.scale.ticks[this.uiScale.getTickIndex(updatedPositionInPx)].markValue;
+    }
+    const tick = (_this$scale3 = this.scale) === null || _this$scale3 === void 0 ? void 0 : _this$scale3.getTick(tooltipValue);
+    // * getting custom tooltip label
+    if (tick && props.getToolTipExpression && this.initialized) {
+      var _tick$dataitem;
+      return props.getToolTipExpression((_tick$dataitem = tick.dataitem) === null || _tick$dataitem === void 0 ? void 0 : _tick$dataitem.dataObject);
+    }
+    return tick === null || tick === void 0 ? void 0 : tick.displayfield;
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    if (this.state.props.datatype === 'number') {
+      this.initNumericSlider();
+    }
+  }
+  renderToolTips(props) {
+    var _this$position4;
+    const sDataValue = this.getScaledDataValue();
+    const isRangeSlider = props.range && sDataValue.length > 1;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WmTooltip, {
+      showTooltip: props.showtooltip,
+      text: this.getTooltipLabel((_this$position4 = this.position) === null || _this$position4 === void 0 ? void 0 : _this$position4._value, sDataValue[0], 'lowThumb'),
+      tooltipStyle: [{
+        transform: [{
+          translateX: this.position
+        }]
+      }, this.styles.tooltip],
+      tooltipLabelStyle: this.styles.tooltipLabel,
+      tooltipTriangleStyle: this.styles.tooltipTriangle,
+      direction: props.tooltipdirection
+    }, /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: this.knobGesture
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.thumb, {
+        transform: [{
+          translateX: this.position
+        }]
+      }],
+      accessible: true,
+      accessibilityLabel: isRangeSlider && this.highPosition ? 'Low thumb' : 'Thumb'
+    }, /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: this.styles.thumb.backgroundSize,
+      position: this.styles.thumb.backgroundPosition,
+      image: this.styles.thumb.backgroundImage,
+      repeat: this.styles.thumb.backgroundRepeat || 'no-repeat'
+    })))), isRangeSlider && this.highPosition ? /*#__PURE__*/React.createElement(WmTooltip, {
+      showTooltip: props.showtooltip,
+      text: this.getTooltipLabel(this.highPosition._value, sDataValue[1], 'highThumb'),
+      tooltipStyle: [{
+        transform: [{
+          translateX: this.highPosition
+        }]
+      }, this.styles.tooltip],
+      tooltipLabelStyle: this.styles.tooltipLabel,
+      tooltipTriangleStyle: this.styles.tooltipTriangle,
+      direction: props.tooltipdirection
+    }, /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: this.highKnobGesture
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.thumb, {
+        transform: [{
+          translateX: this.highPosition
+        }]
+      }],
+      accessible: true,
+      accessibilityLabel: 'High thumb'
+    }, /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: this.styles.thumb.backgroundSize,
+      position: this.styles.thumb.backgroundPosition,
+      image: this.styles.thumb.backgroundImage,
+      repeat: this.styles.thumb.backgroundRepeat || 'no-repeat'
+    })))) : null);
+  }
+  renderOldMarkerStyle(props) {
+    var _this$scale4, _this$scale5, _last2, _this$scale6;
+    const sDataValue = this.getScaledDataValue();
+    const isRangeSlider = props.range && sDataValue.length > 1;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestProps('min'), {
+      style: [this.styles.text, this.styles.minimumValue]
+    }), (_this$scale4 = this.scale) === null || _this$scale4 === void 0 || (_this$scale4 = _this$scale4.ticks[0]) === null || _this$scale4 === void 0 ? void 0 : _this$scale4.displayfield), isRangeSlider ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestProps('value'), {
+      style: [this.styles.text, this.styles.value]
+    }), (_this$scale5 = this.scale) === null || _this$scale5 === void 0 || (_this$scale5 = _this$scale5.ticks.find(t => t.datafield === props.datavalue)) === null || _this$scale5 === void 0 ? void 0 : _this$scale5.displayfield), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestProps('max'), {
+      style: [this.styles.text, this.styles.maximumValue]
+    }), (_last2 = last((_this$scale6 = this.scale) === null || _this$scale6 === void 0 ? void 0 : _this$scale6.ticks)) === null || _last2 === void 0 ? void 0 : _last2.displayfield));
+  }
+  renderMarkers(props) {
+    var _this$state$track;
+    const width = ((_this$state$track = this.state.track) === null || _this$state$track === void 0 ? void 0 : _this$state$track.width) || 0;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(View, null, width ? this.scale.ticks.map((t, i) => {
+      const markWidth = 10;
+      const stepwiseLeft = this.getPositionFromValue(t.markValue);
+      const labelText = t.displayfield;
+      return /*#__PURE__*/React.createElement(View, {
+        key: i,
+        style: [this.styles.markerWrapper, {
+          left: stepwiseLeft,
+          bottom: markWidth / 2
+        }]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [this.styles.markerLabel, {
+          bottom: markWidth / 2 + 10
+        }, this.styles.markerLabelStyle, i === 0 ? this.styles.minimumValue : null, i === this.scale.ticks.length - 1 ? this.styles.maximumValue : null]
+      }, labelText), /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.mark, {
+          width: markWidth,
+          height: markWidth,
+          borderRadius: markWidth
+        }, this.styles.markerStyle]
+      }));
+    }) : null));
+  }
+  renderTracks(props) {
+    var _this$state$track2;
+    const width = ((_this$state$track2 = this.state.track) === null || _this$state$track2 === void 0 ? void 0 : _this$state$track2.width) || 0;
+    const sDataValue = this.getScaledDataValue();
+    const isRangeSlider = props.range && sDataValue.length > 1;
+    return /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: this.trackGesture
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+      activeOpacity: 1,
+      style: [this.styles.track, this.styles.trackStyle],
+      onLayout: this.onLayoutChange
+    }, this.getTestProps(), getAccessibilityProps(AccessibilityWidgetType.SLIDER, props)), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [isRangeSlider && this.highPosition ? this.styles.maximumTrack : this.styles.minimumTrack, {
+        width: width,
+        transform: [{
+          translateX: this.position.interpolate({
+            inputRange: [0, width],
+            outputRange: [-width, 0]
+          })
+        }]
+      }, this.styles.minimumTrackStyle]
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [isRangeSlider && this.highPosition ? this.styles.minimumTrack : this.styles.maximumTrack, {
+        width: width,
+        transform: [{
+          translateX: this.position
+        }]
+      }, this.styles.activeTrackStyle]
+    }), isRangeSlider && this.highPosition ? /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.maximumTrack, {
+        width: width,
+        transform: [{
+          translateX: this.highPosition
+        }]
+      }, this.styles.maximumTrackStyle]
+    }) : null));
+  }
+  renderWidget(props) {
+    const sDataValue = this.getScaledDataValue();
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, !props.showmarkers && !props.showtooltip ? this.renderOldMarkerStyle(props) : null, this.renderTracks(props), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, props.showmarkers ? this.renderMarkers(props) : null, this.renderToolTips(props)));
+  }
+}
+//# sourceMappingURL=slider.component.js.map

package/components/input/slider/slider.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","Animated","Dimensions","debounce","isNumber","isNil","isArray","isString","last","Gesture","GestureDetector","BackgroundComponent","WmTooltip","WmSliderProps","DEFAULT_CLASS","isDefined","isWebPreviewMode","BaseDatasetComponent","BaseDatasetState","AccessibilityWidgetType","getAccessibilityProps","SCREEN_WIDTH","get","width","WmSliderState","Scale","getInstanceWithTicks","ticks","scale","constructor","_defineProperty","getTickIndex","value","parseInt","markIndex","i","findIndex","v","markValue","length","getMinTick","getMaxTick","getTick","clamp","index","transform","min","max","_this$ticks$","_last","thisMin","thisMax","factor","forEach","Math","round","displayfield","datafield","dataitem","WmSlider","props","Value","Pan","gestureType","dataValue","getScaledDataValue","isRangeSlider","state","range","oldThumbValue","thumbDataValue","valueLowerThanHighThumb","valueGreaterThanLowThumb","dataset","map","updateState","datavalue","onFieldChange","e","layout","nativeEvent","track","top","y","left","x","height","initScale","computePosition","configureGesture","trackGesture","knobGesture","highKnobGesture","getValueFromGesture","positionX","_this$scale","uiScale","getPositionFromValue","_this$uiScale","gesture","maxPointers","minDistance","onChange","absoluteX","forceUpdate","onEnd","onSliderChange","getDataValue","d","_this$scale2","find","t","_this$scale$ticks","_this$scale$ticks$mid","mid","floor","_this$scale$getTick","initNumericSlider","minValue","minvalue","maxValue","maxvalue","step","nextMark","push","onPropertyChange","name","$new","$old","datatype","initialized","invokeEventCallback","onDataItemsUpdate","_this$getScaledDataVa","_this$state$dataItems","_state$track","dataItems","displayexp","from","_this$position","position","setValue","isNaN","_this$highPosition","highPosition","_this$position2","_this$scale$getMinTic","_this$position3","_this$scale$getMaxTic","_this$highPosition2","lowPosition","getTooltipLabel","initialValue","type","_this$scale3","tooltipValue","updatedPositionInPx","Number","JSON","stringify","tick","getToolTipExpression","_tick$dataitem","dataObject","componentDidMount","renderToolTips","_this$position4","sDataValue","createElement","Fragment","showTooltip","showtooltip","text","_value","tooltipStyle","translateX","styles","tooltip","tooltipLabelStyle","tooltipLabel","tooltipTriangleStyle","tooltipTriangle","direction","tooltipdirection","style","thumb","accessible","accessibilityLabel","size","backgroundSize","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","renderOldMarkerStyle","_this$scale4","_this$scale5","_last2","_this$scale6","flexDirection","justifyContent","_extends","getTestProps","minimumValue","maximumValue","renderMarkers","_this$state$track","markWidth","stepwiseLeft","labelText","key","markerWrapper","bottom","markerLabel","markerLabelStyle","mark","borderRadius","markerStyle","renderTracks","_this$state$track2","activeOpacity","trackStyle","onLayout","onLayoutChange","SLIDER","maximumTrack","minimumTrack","interpolate","inputRange","outputRange","minimumTrackStyle","activeTrackStyle","maximumTrackStyle","renderWidget","root","_background","showmarkers"],"sources":["slider.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent, TouchableOpacity, Animated, Easing, Dimensions } from 'react-native';\nimport { debounce, isNumber, isNil, isArray, isString, last, isEqual } from 'lodash';\nimport { Gesture, GestureDetector, PanGesture } from 'react-native-gesture-handler';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmTooltip from '@wavemaker/app-rn-runtime/components/basic/tooltip/tooltip.component';\n\nimport WmSliderProps from './slider.props';\nimport { DEFAULT_CLASS, WmSliderStyles } from './slider.styles';\nimport { isDefined, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport type SliderGestureType = 'track' | 'lowThumb' | 'highThumb';\n\nconst SCREEN_WIDTH = Dimensions.get(\"screen\").width;\n\nexport class WmSliderState extends BaseDatasetState<WmSliderProps> {\n  track?: {\n    top: number,\n    left: number,\n    width: number,\n    height: number\n  };\n}\n\ninterface Tick {\n  displayfield: string;\n  markValue: number;\n  datafield: any;\n  dataitem: any;\n}\n\nclass Scale {\n\n  public ticks = [] as Tick[];\n\n  static getInstanceWithTicks(ticks: Tick[]) {\n    const scale = new Scale();\n    scale.ticks = [...ticks];\n    return scale;\n  }\n\n  private constructor() {\n      \n  }\n\n  public getTickIndex(value: number) {\n      if (isString(value)) {\n        value = parseInt(value);\n      }\n      let markIndex = 0;\n      const i = this.ticks.findIndex((v, i) => v.markValue >= value);\n      if (i === 0) {\n          markIndex = 0;\n      } else if (i < 0 || i === this.ticks.length - 1) {\n          markIndex = this.ticks.length - 1;\n      } else if ((value - this.ticks[i - 1].markValue) < (this.ticks[i].markValue - this.ticks[i - 1].markValue)/2) {\n          markIndex = i - 1;\n      } else {\n          markIndex = i;\n      }\n      return markIndex;\n  }\n\n  public getMinTick() {\n    return this.ticks[0];\n  }\n\n  public getMaxTick() {\n    return last(this.ticks) || {} as Tick;\n  }\n\n  public getTick(value: number) {\n    return this.ticks[this.getTickIndex(value)];\n}\n\n  public clamp(value: number) {\n    const index = this.getTickIndex(value);\n    return this.ticks[index].markValue; \n  }\n\n  public transform(min: number, max: number) {\n      const thisMin = (this.ticks ? this.ticks[0]?.markValue : 0) || 0;\n      const thisMax = last(this.ticks)?.markValue;\n      const factor = thisMax ? (max - min)/(thisMax - thisMin) : 1;\n      const ticks = [] as Tick[];\n      this.ticks.forEach((v, i) => {\n        const markValue = Math.round(min + (v.markValue - this.ticks[0].markValue) * factor)\n        ticks[i] = {\n          displayfield: '' + markValue,\n          markValue: markValue,\n          datafield: markValue,\n          dataitem: markValue\n        };\n      });\n      return Scale.getInstanceWithTicks(ticks);\n  }\n}\n\nexport default class WmSlider extends BaseDatasetComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  valueBeforeSlide: number = 0;\n  private position: any = new Animated.Value(0);\n  private highPosition: any = new Animated.Value(0);\n  private trackGesture = Gesture.Pan();\n  private knobGesture = Gesture.Pan();\n  private highKnobGesture = Gesture.Pan();\n  private scale: Scale = null as any;\n  private uiScale: Scale = null as any;\n\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n    this.initScale();\n    this.configureGesture(this.trackGesture, 'track');\n    this.configureGesture(this.knobGesture, 'lowThumb');\n    this.configureGesture(this.highKnobGesture, 'highThumb');\n  }\n\n  getValueFromGesture(positionX: number) {\n    return this.scale?.ticks[this.uiScale.getTickIndex(positionX)].markValue || 0;\n  }\n\n  getPositionFromValue(value: number) {\n    return this.uiScale?.ticks[this.scale.getTickIndex(value)]?.markValue;\n  }\n\n  configureGesture(gesture: PanGesture, gestureType: SliderGestureType) {\n    gesture\n      .maxPointers(1)\n      .minDistance(0)\n      .onChange(e => {\n        const value = this.getValueFromGesture(e.absoluteX);\n        this.computePosition(value, gestureType);\n        this.forceUpdate();\n      })\n      .onEnd(e => {\n        if (this.state.track) {\n          const value = this.getValueFromGesture(e.absoluteX);\n          this.onSliderChange(value, gestureType);\n          this.forceUpdate();\n        }\n      })\n  }\n\n  getScaledDataValue() {\n    let dataValue = this.state.props.datavalue || this.getDataValue();\n    if (dataValue && this.scale) {\n      dataValue = isArray(dataValue) ? dataValue: [dataValue];\n      return dataValue.map((d: any) => this.scale?.ticks.find(t => t.datafield === d)?.markValue);\n    }\n    return dataValue;\n  }\n\n  getDataValue() {\n    let dataValue = this.props.datavalue;\n    if (isNil(this.props.datavalue)) {\n      const mid = Math.floor(this.scale.ticks.length / 2);\n      return mid > 0 ? \n        [this.scale.ticks[mid - 1]?.datafield || 0,\n        this.scale.ticks[mid]?.datafield || 100]\n        : [];\n    }\n    dataValue = isArray(dataValue) ? dataValue: [dataValue];\n    return dataValue.map((d: any) => this.scale.getTick(d)?.datafield);\n  }\n\n  initNumericSlider() {\n    const dataset = [];\n    const minValue = this.state.props.minvalue;\n    const maxValue = this.state.props.maxvalue;\n    const step = this.state.props.step;\n    if (isDefined(minValue) \n      && isDefined(maxValue)\n      && isDefined(step)) {\n      let nextMark = minValue;\n      while (nextMark <= maxValue) {\n        dataset.push(nextMark);\n        nextMark += step || 1;\n      }\n      this.updateState({\n        props: {\n          dataset: dataset\n        }\n      } as WmSliderState);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'maxvalue':\n      case 'minvalue': \n      case 'step': \n        if (this.state.props.datatype === 'number' && this.initialized) {\n          this.initNumericSlider();\n        }\n      case 'datavalue':\n        if (isNumber($new) && isNumber($old)) {\n          this.invokeEventCallback('onChange', [null, this, $new, $old]);\n        }\n        break;\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.initScale();\n    this.computePosition(this.getScaledDataValue()?.[0] || 10, \"track\");\n  }\n\n  onSliderChange = debounce((value: number, gestureType: SliderGestureType) => {\n    const dataValue = this.getScaledDataValue();\n    const isRangeSlider = this.state.props.range && isArray(dataValue);\n\n    // * thumb value for low or high\n    const oldThumbValue =\n      gestureType === 'lowThumb'\n        ? dataValue || dataValue?.[0]\n        : dataValue?.[1];\n\n    let thumbDataValue = isRangeSlider\n      ? [dataValue[0], dataValue[1]]\n      : [value];\n    if (isRangeSlider) {\n      if (gestureType === 'lowThumb') {\n        const valueLowerThanHighThumb =\n          value > dataValue?.[1] ? dataValue?.[1] : value;\n\n        thumbDataValue = [valueLowerThanHighThumb, dataValue[1]];\n      } else if (gestureType === 'highThumb') {\n        const valueGreaterThanLowThumb =\n          value < dataValue[0] ? dataValue?.[0] : value;\n\n        thumbDataValue = [dataValue[0], valueGreaterThanLowThumb];\n      } else if (dataValue[1] && value > dataValue[1]) {\n        thumbDataValue = [dataValue[0], value];\n      } else {\n        thumbDataValue = [value, dataValue[1]];\n      }\n    }\n\n    // * new thumb value is different from old value\n    const dataset = thumbDataValue.map(v => this.scale.getTick(v).datafield);\n    this.updateState({\n      props: {\n        datavalue: dataset.length > 1 ? dataset : dataset[0]\n      },\n    } as WmSliderState);\n    this.props.onFieldChange &&\n      this.props.onFieldChange('datavalue', thumbDataValue, oldThumbValue);\n  }, 200);\n\n  initScale() {\n    const props = this.state.props;\n    const state = this.state;\n    this.scale = Scale.getInstanceWithTicks(\n      this.state.dataItems?.map((d: any, i: number) => ({\n        displayfield: d.displayexp || d.displayfield,\n        markValue: i + 1,\n        datafield: d.datafield,\n        dataitem: d         \n      }))\n    );\n    const width = state.track?.width || 0;\n    this.uiScale = this.scale.transform(0, width);\n  }\n\n  computePosition(from: number, gestureType: SliderGestureType) {\n    const state = this.state;\n    const datavalue = this.getScaledDataValue();\n  \n    // * single thumb slider\n    if (!state.props.range) {\n      const value = this.getPositionFromValue(from);\n      this.position?.setValue(isNaN(value) ? 0 : value);\n      return;\n    }\n\n    if (gestureType === 'highThumb') {\n      const value = this.getPositionFromValue(Math.max(datavalue[0], from));\n      this.highPosition?.setValue(value);\n    } else if (gestureType === 'lowThumb') {\n      const value = this.getPositionFromValue(Math.min(from, datavalue[1]));\n      this.position?.setValue(value);\n    } else {\n      /*\n       * gestureType: track\n       * initial position for low and high thumb\n       */\n      const lowPosition = this.getPositionFromValue(datavalue?.[0] || this.scale.getMinTick()?.datafield);\n      this.position?.setValue(lowPosition || 0);\n      const highPosition = this.getPositionFromValue(datavalue?.[1] || this.scale.getMaxTick()?.datafield);\n      this.highPosition?.setValue(highPosition || 0);\n    }\n  }\n\n  getTooltipLabel(value: any, initialValue: any, type: 'lowThumb' | 'highThumb') {\n    const props = this.props;\n    let tooltipValue = initialValue;\n    const updatedPositionInPx = Number(JSON.stringify(value));\n\n    if (updatedPositionInPx) {\n      tooltipValue = this.scale.ticks[this.uiScale.getTickIndex(updatedPositionInPx)].markValue;\n    }\n    const tick = this.scale?.getTick(tooltipValue);\n    // * getting custom tooltip label\n    if (tick && props.getToolTipExpression && this.initialized) {\n      return props.getToolTipExpression(tick.dataitem?.dataObject);\n    }\n    return tick?.displayfield;\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    const layout = e.nativeEvent.layout;\n    this.updateState({\n      track: {\n        top: isWebPreviewMode() ? (layout as any).top : layout.y,\n        left: isWebPreviewMode() ? (layout as any).left : layout.x,\n        width: layout.width,\n        height: layout.height\n      }\n    } as WmSliderState, () => {\n      this.initScale();\n      this.computePosition(this.getScaledDataValue()[0], 'track');\n    });\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    if (this.state.props.datatype === 'number') {\n      this.initNumericSlider();\n    }\n  }\n\n  renderToolTips(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n      <>\n      <WmTooltip\n        showTooltip={props.showtooltip}\n        text={this.getTooltipLabel(\n          this.position?._value,\n          sDataValue[0],\n          'lowThumb'\n        )}\n        tooltipStyle={[\n          {\n            transform: [\n              {\n                translateX: this.position,\n              },\n            ],\n          },\n          this.styles.tooltip,\n        ]}\n        tooltipLabelStyle={this.styles.tooltipLabel}\n        tooltipTriangleStyle={this.styles.tooltipTriangle}\n        direction={props.tooltipdirection}\n      >\n        <GestureDetector gesture={this.knobGesture}>\n          <Animated.View\n            style={[\n              this.styles.thumb,\n              {\n                transform: [\n                  {\n                    translateX: this.position,\n                  },\n                ],\n              },\n            ]}\n            accessible={true}\n            accessibilityLabel={(isRangeSlider && this.highPosition) ? 'Low thumb' : 'Thumb'}\n          >\n            <BackgroundComponent\n              size={(this.styles.thumb as any).backgroundSize}\n              position={(this.styles.thumb as any).backgroundPosition}\n              image={(this.styles.thumb as any).backgroundImage}\n              repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}\n            ></BackgroundComponent>\n          </Animated.View>\n        </GestureDetector>\n      </WmTooltip>\n      {isRangeSlider && this.highPosition ? (\n        <WmTooltip\n          showTooltip={props.showtooltip}\n          text={this.getTooltipLabel(\n            this.highPosition._value,\n            sDataValue[1],\n            'highThumb'\n          )}\n          tooltipStyle={[\n            {\n              transform: [\n                {\n                  translateX: this.highPosition,\n                },\n              ],\n            },\n            this.styles.tooltip,\n          ]}\n          tooltipLabelStyle={this.styles.tooltipLabel}\n          tooltipTriangleStyle={this.styles.tooltipTriangle}\n          direction={props.tooltipdirection}\n        >\n          <GestureDetector gesture={this.highKnobGesture}>\n            <Animated.View\n              style={[\n                this.styles.thumb,\n                {\n                  transform: [\n                    {\n                      translateX: this.highPosition,\n                    },\n                  ],\n                }\n              ]}\n              accessible={true}\n              accessibilityLabel={'High thumb'}\n              >\n              <BackgroundComponent\n                size={(this.styles.thumb as any).backgroundSize}\n                position={(this.styles.thumb as any).backgroundPosition}\n                image={(this.styles.thumb as any).backgroundImage}\n                repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}\n              />\n            </Animated.View>\n          </GestureDetector>\n        </WmTooltip>\n      ) : null}\n      </>\n    );\n  }\n\n  renderOldMarkerStyle(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n        <View\n          style={{ flexDirection: 'row', justifyContent: 'space-between' }}\n        >\n          <Text\n            {...this.getTestProps('min')}\n            style={[this.styles.text, this.styles.minimumValue]}\n          >\n            {this.scale?.ticks[0]?.displayfield}\n          </Text>\n          {isRangeSlider ? (\n            <></>\n          ) : (\n            <Text\n              {...this.getTestProps('value')}\n              style={[this.styles.text, this.styles.value]}\n            >\n              {this.scale?.ticks.find(t => t.datafield === props.datavalue)?.displayfield}\n            </Text>\n          )}\n          <Text\n            {...this.getTestProps('max')}\n            style={[this.styles.text, this.styles.maximumValue]}\n          >\n            {last(this.scale?.ticks)?.displayfield}\n          </Text>\n        </View>\n      );\n  }\n\n  renderMarkers(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    return (<View style={{ flexDirection: 'row' }}>\n      <View>\n        {width ? this.scale.ticks.map((t, i) => {\n          const markWidth = 10;\n          const stepwiseLeft = this.getPositionFromValue(t.markValue);\n          const labelText = t.displayfield;\n          return (\n            <View\n              key={i}\n              style={[\n                this.styles.markerWrapper,\n                {\n                  left: stepwiseLeft,\n                  bottom: markWidth / 2,\n                },\n              ]}\n            >\n              <Text\n                style={[\n                  this.styles.markerLabel,\n                  {\n                    bottom: markWidth / 2 + 10,\n                  },\n                  this.styles.markerLabelStyle,\n                  i === 0 ? this.styles.minimumValue : null,\n                  i === this.scale.ticks.length - 1 ? this.styles.maximumValue : null,\n                ]}\n              >\n                {labelText}\n              </Text>\n              <View\n                style={[\n                  this.styles.mark,\n                  {\n                    width: markWidth,\n                    height: markWidth,\n                    borderRadius: markWidth,\n                  },\n                  this.styles.markerStyle,\n                ]}\n              />\n            </View>\n          );\n        }) : null}\n      </View>\n    </View>);\n  }\n\n  renderTracks(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n      <GestureDetector gesture={this.trackGesture}>\n        <TouchableOpacity\n          activeOpacity={1}\n          style={[this.styles.track, this.styles.trackStyle]}\n          onLayout={this.onLayoutChange}\n          {...this.getTestProps()}\n          {...getAccessibilityProps(AccessibilityWidgetType.SLIDER, props)}\n        >\n          <Animated.View\n            style={[\n              isRangeSlider && this.highPosition\n                ? this.styles.maximumTrack\n                : this.styles.minimumTrack,\n              {\n                width: width,\n                transform: [\n                  {\n                    translateX: this.position.interpolate({\n                      inputRange: [0, width],\n                      outputRange: [-width, 0],\n                    }),\n                  },\n                ],\n              },\n              this.styles.minimumTrackStyle,\n            ]}\n          ></Animated.View>\n          <Animated.View\n            style={[\n              isRangeSlider && this.highPosition\n                ? this.styles.minimumTrack\n                : this.styles.maximumTrack,\n              {\n                width: width,\n                transform: [\n                  {\n                    translateX: this.position,\n                  },\n                ],\n              },\n              this.styles.activeTrackStyle,\n            ]}\n          ></Animated.View>\n          {isRangeSlider && this.highPosition ? (\n            <Animated.View\n              style={[\n                this.styles.maximumTrack,\n                {\n                  width: width,\n                  transform: [\n                    {\n                      translateX: this.highPosition,\n                    },\n                  ],\n                },\n                this.styles.maximumTrackStyle,\n              ]}\n            />\n          ) : null}\n        </TouchableOpacity>\n      </GestureDetector>\n    );\n  }\n\n  renderWidget(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {!props.showmarkers && !props.showtooltip? this.renderOldMarkerStyle(props) : null}\n        {this.renderTracks(props)}\n        <View style={{ flexDirection: 'row' }}>\n          {props.showmarkers ? this.renderMarkers(props) : null}\n          {this.renderToolTips(props)}\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAqBC,gBAAgB,EAAEC,QAAQ,EAAUC,UAAU,QAAQ,cAAc;AAC5G,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,IAAI,QAAiB,QAAQ;AACpF,SAASC,OAAO,EAAEC,eAAe,QAAoB,8BAA8B;AACnF,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,OAAOC,SAAS,MAAM,sEAAsE;AAE5F,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,sCAAsC;AAClF,SAASC,oBAAoB,EAAEC,gBAAgB,QAAQ,sCAAsC;AAC7F,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAI7G,MAAMC,YAAY,GAAGnB,UAAU,CAACoB,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;AAEnD,OAAO,MAAMC,aAAa,SAASN,gBAAgB,CAAgB;AAgBnE,MAAMO,KAAK,CAAC;EAIV,OAAOC,oBAAoBA,CAACC,KAAa,EAAE;IACzC,MAAMC,KAAK,GAAG,IAAIH,KAAK,CAAC,CAAC;IACzBG,KAAK,CAACD,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAC;IACxB,OAAOC,KAAK;EACd;EAEQC,WAAWA,CAAA,EAAG;IAAAC,eAAA,gBARP,EAAE;EAUjB;EAEOC,YAAYA,CAACC,KAAa,EAAE;IAC/B,IAAIzB,QAAQ,CAACyB,KAAK,CAAC,EAAE;MACnBA,KAAK,GAAGC,QAAQ,CAACD,KAAK,CAAC;IACzB;IACA,IAAIE,SAAS,GAAG,CAAC;IACjB,MAAMC,CAAC,GAAG,IAAI,CAACR,KAAK,CAACS,SAAS,CAAC,CAACC,CAAC,EAAEF,CAAC,KAAKE,CAAC,CAACC,SAAS,IAAIN,KAAK,CAAC;IAC9D,IAAIG,CAAC,KAAK,CAAC,EAAE;MACTD,SAAS,GAAG,CAAC;IACjB,CAAC,MAAM,IAAIC,CAAC,GAAG,CAAC,IAAIA,CAAC,KAAK,IAAI,CAACR,KAAK,CAACY,MAAM,GAAG,CAAC,EAAE;MAC7CL,SAAS,GAAG,IAAI,CAACP,KAAK,CAACY,MAAM,GAAG,CAAC;IACrC,CAAC,MAAM,IAAKP,KAAK,GAAG,IAAI,CAACL,KAAK,CAACQ,CAAC,GAAG,CAAC,CAAC,CAACG,SAAS,GAAI,CAAC,IAAI,CAACX,KAAK,CAACQ,CAAC,CAAC,CAACG,SAAS,GAAG,IAAI,CAACX,KAAK,CAACQ,CAAC,GAAG,CAAC,CAAC,CAACG,SAAS,IAAE,CAAC,EAAE;MAC1GJ,SAAS,GAAGC,CAAC,GAAG,CAAC;IACrB,CAAC,MAAM;MACHD,SAAS,GAAGC,CAAC;IACjB;IACA,OAAOD,SAAS;EACpB;EAEOM,UAAUA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACb,KAAK,CAAC,CAAC,CAAC;EACtB;EAEOc,UAAUA,CAAA,EAAG;IAClB,OAAOjC,IAAI,CAAC,IAAI,CAACmB,KAAK,CAAC,IAAI,CAAC,CAAS;EACvC;EAEOe,OAAOA,CAACV,KAAa,EAAE;IAC5B,OAAO,IAAI,CAACL,KAAK,CAAC,IAAI,CAACI,YAAY,CAACC,KAAK,CAAC,CAAC;EAC/C;EAESW,KAAKA,CAACX,KAAa,EAAE;IAC1B,MAAMY,KAAK,GAAG,IAAI,CAACb,YAAY,CAACC,KAAK,CAAC;IACtC,OAAO,IAAI,CAACL,KAAK,CAACiB,KAAK,CAAC,CAACN,SAAS;EACpC;EAEOO,SAASA,CAACC,GAAW,EAAEC,GAAW,EAAE;IAAA,IAAAC,YAAA,EAAAC,KAAA;IACvC,MAAMC,OAAO,GAAG,CAAC,IAAI,CAACvB,KAAK,IAAAqB,YAAA,GAAG,IAAI,CAACrB,KAAK,CAAC,CAAC,CAAC,cAAAqB,YAAA,uBAAbA,YAAA,CAAeV,SAAS,GAAG,CAAC,KAAK,CAAC;IAChE,MAAMa,OAAO,IAAAF,KAAA,GAAGzC,IAAI,CAAC,IAAI,CAACmB,KAAK,CAAC,cAAAsB,KAAA,uBAAhBA,KAAA,CAAkBX,SAAS;IAC3C,MAAMc,MAAM,GAAGD,OAAO,GAAG,CAACJ,GAAG,GAAGD,GAAG,KAAGK,OAAO,GAAGD,OAAO,CAAC,GAAG,CAAC;IAC5D,MAAMvB,KAAK,GAAG,EAAY;IAC1B,IAAI,CAACA,KAAK,CAAC0B,OAAO,CAAC,CAAChB,CAAC,EAAEF,CAAC,KAAK;MAC3B,MAAMG,SAAS,GAAGgB,IAAI,CAACC,KAAK,CAACT,GAAG,GAAG,CAACT,CAAC,CAACC,SAAS,GAAG,IAAI,CAACX,KAAK,CAAC,CAAC,CAAC,CAACW,SAAS,IAAIc,MAAM,CAAC;MACpFzB,KAAK,CAACQ,CAAC,CAAC,GAAG;QACTqB,YAAY,EAAE,EAAE,GAAGlB,SAAS;QAC5BA,SAAS,EAAEA,SAAS;QACpBmB,SAAS,EAAEnB,SAAS;QACpBoB,QAAQ,EAAEpB;MACZ,CAAC;IACH,CAAC,CAAC;IACF,OAAOb,KAAK,CAACC,oBAAoB,CAACC,KAAK,CAAC;EAC5C;AACF;AAEA,eAAe,MAAMgC,QAAQ,SAAS1C,oBAAoB,CAA+C;EAUvGY,WAAWA,CAAC+B,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAE9C,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;IAACiB,eAAA,2BAVxB,CAAC;IAAAA,eAAA,mBACJ,IAAI7B,QAAQ,CAAC4D,KAAK,CAAC,CAAC,CAAC;IAAA/B,eAAA,uBACjB,IAAI7B,QAAQ,CAAC4D,KAAK,CAAC,CAAC,CAAC;IAAA/B,eAAA,uBAC1BrB,OAAO,CAACqD,GAAG,CAAC,CAAC;IAAAhC,eAAA,sBACdrB,OAAO,CAACqD,GAAG,CAAC,CAAC;IAAAhC,eAAA,0BACTrB,OAAO,CAACqD,GAAG,CAAC,CAAC;IAAAhC,eAAA,gBAChB,IAAI;IAAAA,eAAA,kBACF,IAAI;IAAAA,eAAA,yBAsGZ3B,QAAQ,CAAC,CAAC6B,KAAa,EAAE+B,WAA8B,KAAK;MAC3E,MAAMC,SAAS,GAAG,IAAI,CAACC,kBAAkB,CAAC,CAAC;MAC3C,MAAMC,aAAa,GAAG,IAAI,CAACC,KAAK,CAACP,KAAK,CAACQ,KAAK,IAAI9D,OAAO,CAAC0D,SAAS,CAAC;;MAElE;MACA,MAAMK,aAAa,GACjBN,WAAW,KAAK,UAAU,GACtBC,SAAS,KAAIA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC,IAC3BA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC;MAEpB,IAAIM,cAAc,GAAGJ,aAAa,GAC9B,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAC,GAC5B,CAAChC,KAAK,CAAC;MACX,IAAIkC,aAAa,EAAE;QACjB,IAAIH,WAAW,KAAK,UAAU,EAAE;UAC9B,MAAMQ,uBAAuB,GAC3BvC,KAAK,IAAGgC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC,IAAGA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC,GAAGhC,KAAK;UAEjDsC,cAAc,GAAG,CAACC,uBAAuB,EAAEP,SAAS,CAAC,CAAC,CAAC,CAAC;QAC1D,CAAC,MAAM,IAAID,WAAW,KAAK,WAAW,EAAE;UACtC,MAAMS,wBAAwB,GAC5BxC,KAAK,GAAGgC,SAAS,CAAC,CAAC,CAAC,GAAGA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC,GAAGhC,KAAK;UAE/CsC,cAAc,GAAG,CAACN,SAAS,CAAC,CAAC,CAAC,EAAEQ,wBAAwB,CAAC;QAC3D,CAAC,MAAM,IAAIR,SAAS,CAAC,CAAC,CAAC,IAAIhC,KAAK,GAAGgC,SAAS,CAAC,CAAC,CAAC,EAAE;UAC/CM,cAAc,GAAG,CAACN,SAAS,CAAC,CAAC,CAAC,EAAEhC,KAAK,CAAC;QACxC,CAAC,MAAM;UACLsC,cAAc,GAAG,CAACtC,KAAK,EAAEgC,SAAS,CAAC,CAAC,CAAC,CAAC;QACxC;MACF;;MAEA;MACA,MAAMS,OAAO,GAAGH,cAAc,CAACI,GAAG,CAACrC,CAAC,IAAI,IAAI,CAACT,KAAK,CAACc,OAAO,CAACL,CAAC,CAAC,CAACoB,SAAS,CAAC;MACxE,IAAI,CAACkB,WAAW,CAAC;QACff,KAAK,EAAE;UACLgB,SAAS,EAAEH,OAAO,CAAClC,MAAM,GAAG,CAAC,GAAGkC,OAAO,GAAGA,OAAO,CAAC,CAAC;QACrD;MACF,CAAkB,CAAC;MACnB,IAAI,CAACb,KAAK,CAACiB,aAAa,IACtB,IAAI,CAACjB,KAAK,CAACiB,aAAa,CAAC,WAAW,EAAEP,cAAc,EAAED,aAAa,CAAC;IACxE,CAAC,EAAE,GAAG,CAAC;IAAAvC,eAAA,yBA8DWgD,CAAoB,IAAK;MACzC,MAAMC,MAAM,GAAGD,CAAC,CAACE,WAAW,CAACD,MAAM;MACnC,IAAI,CAACJ,WAAW,CAAC;QACfM,KAAK,EAAE;UACLC,GAAG,EAAElE,gBAAgB,CAAC,CAAC,GAAI+D,MAAM,CAASG,GAAG,GAAGH,MAAM,CAACI,CAAC;UACxDC,IAAI,EAAEpE,gBAAgB,CAAC,CAAC,GAAI+D,MAAM,CAASK,IAAI,GAAGL,MAAM,CAACM,CAAC;UAC1D9D,KAAK,EAAEwD,MAAM,CAACxD,KAAK;UACnB+D,MAAM,EAAEP,MAAM,CAACO;QACjB;MACF,CAAC,EAAmB,MAAM;QACxB,IAAI,CAACC,SAAS,CAAC,CAAC;QAChB,IAAI,CAACC,eAAe,CAAC,IAAI,CAACvB,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;MAC7D,CAAC,CAAC;IACJ,CAAC;IArNC,IAAI,CAACsB,SAAS,CAAC,CAAC;IAChB,IAAI,CAACE,gBAAgB,CAAC,IAAI,CAACC,YAAY,EAAE,OAAO,CAAC;IACjD,IAAI,CAACD,gBAAgB,CAAC,IAAI,CAACE,WAAW,EAAE,UAAU,CAAC;IACnD,IAAI,CAACF,gBAAgB,CAAC,IAAI,CAACG,eAAe,EAAE,WAAW,CAAC;EAC1D;EAEAC,mBAAmBA,CAACC,SAAiB,EAAE;IAAA,IAAAC,WAAA;IACrC,OAAO,EAAAA,WAAA,OAAI,CAACnE,KAAK,cAAAmE,WAAA,uBAAVA,WAAA,CAAYpE,KAAK,CAAC,IAAI,CAACqE,OAAO,CAACjE,YAAY,CAAC+D,SAAS,CAAC,CAAC,CAACxD,SAAS,KAAI,CAAC;EAC/E;EAEA2D,oBAAoBA,CAACjE,KAAa,EAAE;IAAA,IAAAkE,aAAA;IAClC,QAAAA,aAAA,GAAO,IAAI,CAACF,OAAO,cAAAE,aAAA,gBAAAA,aAAA,GAAZA,aAAA,CAAcvE,KAAK,CAAC,IAAI,CAACC,KAAK,CAACG,YAAY,CAACC,KAAK,CAAC,CAAC,cAAAkE,aAAA,uBAAnDA,aAAA,CAAqD5D,SAAS;EACvE;EAEAmD,gBAAgBA,CAACU,OAAmB,EAAEpC,WAA8B,EAAE;IACpEoC,OAAO,CACJC,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAAC,CAAC,CAAC,CACdC,QAAQ,CAACxB,CAAC,IAAI;MACb,MAAM9C,KAAK,GAAG,IAAI,CAAC6D,mBAAmB,CAACf,CAAC,CAACyB,SAAS,CAAC;MACnD,IAAI,CAACf,eAAe,CAACxD,KAAK,EAAE+B,WAAW,CAAC;MACxC,IAAI,CAACyC,WAAW,CAAC,CAAC;IACpB,CAAC,CAAC,CACDC,KAAK,CAAC3B,CAAC,IAAI;MACV,IAAI,IAAI,CAACX,KAAK,CAACc,KAAK,EAAE;QACpB,MAAMjD,KAAK,GAAG,IAAI,CAAC6D,mBAAmB,CAACf,CAAC,CAACyB,SAAS,CAAC;QACnD,IAAI,CAACG,cAAc,CAAC1E,KAAK,EAAE+B,WAAW,CAAC;QACvC,IAAI,CAACyC,WAAW,CAAC,CAAC;MACpB;IACF,CAAC,CAAC;EACN;EAEAvC,kBAAkBA,CAAA,EAAG;IACnB,IAAID,SAAS,GAAG,IAAI,CAACG,KAAK,CAACP,KAAK,CAACgB,SAAS,IAAI,IAAI,CAAC+B,YAAY,CAAC,CAAC;IACjE,IAAI3C,SAAS,IAAI,IAAI,CAACpC,KAAK,EAAE;MAC3BoC,SAAS,GAAG1D,OAAO,CAAC0D,SAAS,CAAC,GAAGA,SAAS,GAAE,CAACA,SAAS,CAAC;MACvD,OAAOA,SAAS,CAACU,GAAG,CAAEkC,CAAM;QAAA,IAAAC,YAAA;QAAA,QAAAA,YAAA,GAAK,IAAI,CAACjF,KAAK,cAAAiF,YAAA,gBAAAA,YAAA,GAAVA,YAAA,CAAYlF,KAAK,CAACmF,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACtD,SAAS,KAAKmD,CAAC,CAAC,cAAAC,YAAA,uBAA9CA,YAAA,CAAgDvE,SAAS;MAAA,EAAC;IAC7F;IACA,OAAO0B,SAAS;EAClB;EAEA2C,YAAYA,CAAA,EAAG;IACb,IAAI3C,SAAS,GAAG,IAAI,CAACJ,KAAK,CAACgB,SAAS;IACpC,IAAIvE,KAAK,CAAC,IAAI,CAACuD,KAAK,CAACgB,SAAS,CAAC,EAAE;MAAA,IAAAoC,iBAAA,EAAAC,qBAAA;MAC/B,MAAMC,GAAG,GAAG5D,IAAI,CAAC6D,KAAK,CAAC,IAAI,CAACvF,KAAK,CAACD,KAAK,CAACY,MAAM,GAAG,CAAC,CAAC;MACnD,OAAO2E,GAAG,GAAG,CAAC,GACZ,CAAC,EAAAF,iBAAA,OAAI,CAACpF,KAAK,CAACD,KAAK,CAACuF,GAAG,GAAG,CAAC,CAAC,cAAAF,iBAAA,uBAAzBA,iBAAA,CAA2BvD,SAAS,KAAI,CAAC,EAC1C,EAAAwD,qBAAA,OAAI,CAACrF,KAAK,CAACD,KAAK,CAACuF,GAAG,CAAC,cAAAD,qBAAA,uBAArBA,qBAAA,CAAuBxD,SAAS,KAAI,GAAG,CAAC,GACtC,EAAE;IACR;IACAO,SAAS,GAAG1D,OAAO,CAAC0D,SAAS,CAAC,GAAGA,SAAS,GAAE,CAACA,SAAS,CAAC;IACvD,OAAOA,SAAS,CAACU,GAAG,CAAEkC,CAAM;MAAA,IAAAQ,mBAAA;MAAA,QAAAA,mBAAA,GAAK,IAAI,CAACxF,KAAK,CAACc,OAAO,CAACkE,CAAC,CAAC,cAAAQ,mBAAA,uBAArBA,mBAAA,CAAuB3D,SAAS;IAAA,EAAC;EACpE;EAEA4D,iBAAiBA,CAAA,EAAG;IAClB,MAAM5C,OAAO,GAAG,EAAE;IAClB,MAAM6C,QAAQ,GAAG,IAAI,CAACnD,KAAK,CAACP,KAAK,CAAC2D,QAAQ;IAC1C,MAAMC,QAAQ,GAAG,IAAI,CAACrD,KAAK,CAACP,KAAK,CAAC6D,QAAQ;IAC1C,MAAMC,IAAI,GAAG,IAAI,CAACvD,KAAK,CAACP,KAAK,CAAC8D,IAAI;IAClC,IAAI3G,SAAS,CAACuG,QAAQ,CAAC,IAClBvG,SAAS,CAACyG,QAAQ,CAAC,IACnBzG,SAAS,CAAC2G,IAAI,CAAC,EAAE;MACpB,IAAIC,QAAQ,GAAGL,QAAQ;MACvB,OAAOK,QAAQ,IAAIH,QAAQ,EAAE;QAC3B/C,OAAO,CAACmD,IAAI,CAACD,QAAQ,CAAC;QACtBA,QAAQ,IAAID,IAAI,IAAI,CAAC;MACvB;MACA,IAAI,CAAC/C,WAAW,CAAC;QACff,KAAK,EAAE;UACLa,OAAO,EAAEA;QACX;MACF,CAAkB,CAAC;IACrB;EACF;EAEAoD,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOF,IAAI;MACT,KAAK,UAAU;MACf,KAAK,UAAU;MACf,KAAK,MAAM;QACT,IAAI,IAAI,CAAC3D,KAAK,CAACP,KAAK,CAACqE,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAACC,WAAW,EAAE;UAC9D,IAAI,CAACb,iBAAiB,CAAC,CAAC;QAC1B;MACF,KAAK,WAAW;QACd,IAAIjH,QAAQ,CAAC2H,IAAI,CAAC,IAAI3H,QAAQ,CAAC4H,IAAI,CAAC,EAAE;UACpC,IAAI,CAACG,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAEJ,IAAI,EAAEC,IAAI,CAAC,CAAC;QAChE;QACA;IACJ;EACF;EAEAI,iBAAiBA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IAClB,KAAK,CAACD,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAAC7C,SAAS,CAAC,CAAC;IAChB,IAAI,CAACC,eAAe,CAAC,EAAA6C,qBAAA,OAAI,CAACpE,kBAAkB,CAAC,CAAC,cAAAoE,qBAAA,uBAAzBA,qBAAA,CAA4B,CAAC,CAAC,KAAI,EAAE,EAAE,OAAO,CAAC;EACrE;EA4CA9C,SAASA,CAAA,EAAG;IAAA,IAAA+C,qBAAA,EAAAC,YAAA;IACV,MAAM3E,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;IAC9B,MAAMO,KAAK,GAAG,IAAI,CAACA,KAAK;IACxB,IAAI,CAACvC,KAAK,GAAGH,KAAK,CAACC,oBAAoB,EAAA4G,qBAAA,GACrC,IAAI,CAACnE,KAAK,CAACqE,SAAS,cAAAF,qBAAA,uBAApBA,qBAAA,CAAsB5D,GAAG,CAAC,CAACkC,CAAM,EAAEzE,CAAS,MAAM;MAChDqB,YAAY,EAAEoD,CAAC,CAAC6B,UAAU,IAAI7B,CAAC,CAACpD,YAAY;MAC5ClB,SAAS,EAAEH,CAAC,GAAG,CAAC;MAChBsB,SAAS,EAAEmD,CAAC,CAACnD,SAAS;MACtBC,QAAQ,EAAEkD;IACZ,CAAC,CAAC,CACJ,CAAC;IACD,MAAMrF,KAAK,GAAG,EAAAgH,YAAA,GAAApE,KAAK,CAACc,KAAK,cAAAsD,YAAA,uBAAXA,YAAA,CAAahH,KAAK,KAAI,CAAC;IACrC,IAAI,CAACyE,OAAO,GAAG,IAAI,CAACpE,KAAK,CAACiB,SAAS,CAAC,CAAC,EAAEtB,KAAK,CAAC;EAC/C;EAEAiE,eAAeA,CAACkD,IAAY,EAAE3E,WAA8B,EAAE;IAC5D,MAAMI,KAAK,GAAG,IAAI,CAACA,KAAK;IACxB,MAAMS,SAAS,GAAG,IAAI,CAACX,kBAAkB,CAAC,CAAC;;IAE3C;IACA,IAAI,CAACE,KAAK,CAACP,KAAK,CAACQ,KAAK,EAAE;MAAA,IAAAuE,cAAA;MACtB,MAAM3G,KAAK,GAAG,IAAI,CAACiE,oBAAoB,CAACyC,IAAI,CAAC;MAC7C,CAAAC,cAAA,OAAI,CAACC,QAAQ,cAAAD,cAAA,eAAbA,cAAA,CAAeE,QAAQ,CAACC,KAAK,CAAC9G,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC;MACjD;IACF;IAEA,IAAI+B,WAAW,KAAK,WAAW,EAAE;MAAA,IAAAgF,kBAAA;MAC/B,MAAM/G,KAAK,GAAG,IAAI,CAACiE,oBAAoB,CAAC3C,IAAI,CAACP,GAAG,CAAC6B,SAAS,CAAC,CAAC,CAAC,EAAE8D,IAAI,CAAC,CAAC;MACrE,CAAAK,kBAAA,OAAI,CAACC,YAAY,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBF,QAAQ,CAAC7G,KAAK,CAAC;IACpC,CAAC,MAAM,IAAI+B,WAAW,KAAK,UAAU,EAAE;MAAA,IAAAkF,eAAA;MACrC,MAAMjH,KAAK,GAAG,IAAI,CAACiE,oBAAoB,CAAC3C,IAAI,CAACR,GAAG,CAAC4F,IAAI,EAAE9D,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;MACrE,CAAAqE,eAAA,OAAI,CAACL,QAAQ,cAAAK,eAAA,eAAbA,eAAA,CAAeJ,QAAQ,CAAC7G,KAAK,CAAC;IAChC,CAAC,MAAM;MAAA,IAAAkH,qBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,mBAAA;MACL;AACN;AACA;AACA;MACM,MAAMC,WAAW,GAAG,IAAI,CAACrD,oBAAoB,CAAC,CAAArB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC,OAAAsE,qBAAA,GAAI,IAAI,CAACtH,KAAK,CAACY,UAAU,CAAC,CAAC,cAAA0G,qBAAA,uBAAvBA,qBAAA,CAAyBzF,SAAS,EAAC;MACnG,CAAA0F,eAAA,OAAI,CAACP,QAAQ,cAAAO,eAAA,eAAbA,eAAA,CAAeN,QAAQ,CAACS,WAAW,IAAI,CAAC,CAAC;MACzC,MAAMN,YAAY,GAAG,IAAI,CAAC/C,oBAAoB,CAAC,CAAArB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC,CAAC,OAAAwE,qBAAA,GAAI,IAAI,CAACxH,KAAK,CAACa,UAAU,CAAC,CAAC,cAAA2G,qBAAA,uBAAvBA,qBAAA,CAAyB3F,SAAS,EAAC;MACpG,CAAA4F,mBAAA,OAAI,CAACL,YAAY,cAAAK,mBAAA,eAAjBA,mBAAA,CAAmBR,QAAQ,CAACG,YAAY,IAAI,CAAC,CAAC;IAChD;EACF;EAEAO,eAAeA,CAACvH,KAAU,EAAEwH,YAAiB,EAAEC,IAA8B,EAAE;IAAA,IAAAC,YAAA;IAC7E,MAAM9F,KAAK,GAAG,IAAI,CAACA,KAAK;IACxB,IAAI+F,YAAY,GAAGH,YAAY;IAC/B,MAAMI,mBAAmB,GAAGC,MAAM,CAACC,IAAI,CAACC,SAAS,CAAC/H,KAAK,CAAC,CAAC;IAEzD,IAAI4H,mBAAmB,EAAE;MACvBD,YAAY,GAAG,IAAI,CAAC/H,KAAK,CAACD,KAAK,CAAC,IAAI,CAACqE,OAAO,CAACjE,YAAY,CAAC6H,mBAAmB,CAAC,CAAC,CAACtH,SAAS;IAC3F;IACA,MAAM0H,IAAI,IAAAN,YAAA,GAAG,IAAI,CAAC9H,KAAK,cAAA8H,YAAA,uBAAVA,YAAA,CAAYhH,OAAO,CAACiH,YAAY,CAAC;IAC9C;IACA,IAAIK,IAAI,IAAIpG,KAAK,CAACqG,oBAAoB,IAAI,IAAI,CAAC/B,WAAW,EAAE;MAAA,IAAAgC,cAAA;MAC1D,OAAOtG,KAAK,CAACqG,oBAAoB,EAAAC,cAAA,GAACF,IAAI,CAACtG,QAAQ,cAAAwG,cAAA,uBAAbA,cAAA,CAAeC,UAAU,CAAC;IAC9D;IACA,OAAOH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAExG,YAAY;EAC3B;EAiBA4G,iBAAiBA,CAAA,EAAS;IACxB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,IAAI,CAACjG,KAAK,CAACP,KAAK,CAACqE,QAAQ,KAAK,QAAQ,EAAE;MAC1C,IAAI,CAACZ,iBAAiB,CAAC,CAAC;IAC1B;EACF;EAEAgD,cAAcA,CAACzG,KAAoB,EAAE;IAAA,IAAA0G,eAAA;IACnC,MAAMC,UAAU,GAAG,IAAI,CAACtG,kBAAkB,CAAC,CAAC;IAC5C,MAAMC,aAAa,GAAGN,KAAK,CAACQ,KAAK,IAAImG,UAAU,CAAChI,MAAM,GAAG,CAAC;IAC1D,oBACE1C,KAAA,CAAA2K,aAAA,CAAA3K,KAAA,CAAA4K,QAAA,qBACA5K,KAAA,CAAA2K,aAAA,CAAC5J,SAAS;MACR8J,WAAW,EAAE9G,KAAK,CAAC+G,WAAY;MAC/BC,IAAI,EAAE,IAAI,CAACrB,eAAe,EAAAe,eAAA,GACxB,IAAI,CAAC1B,QAAQ,cAAA0B,eAAA,uBAAbA,eAAA,CAAeO,MAAM,EACrBN,UAAU,CAAC,CAAC,CAAC,EACb,UACF,CAAE;MACFO,YAAY,EAAE,CACZ;QACEjI,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAACnC;QACnB,CAAC;MAEL,CAAC,EACD,IAAI,CAACoC,MAAM,CAACC,OAAO,CACnB;MACFC,iBAAiB,EAAE,IAAI,CAACF,MAAM,CAACG,YAAa;MAC5CC,oBAAoB,EAAE,IAAI,CAACJ,MAAM,CAACK,eAAgB;MAClDC,SAAS,EAAE1H,KAAK,CAAC2H;IAAiB,gBAElC1L,KAAA,CAAA2K,aAAA,CAAC9J,eAAe;MAACyF,OAAO,EAAE,IAAI,CAACR;IAAY,gBACzC9F,KAAA,CAAA2K,aAAA,CAACvK,QAAQ,CAACH,IAAI;MACZ0L,KAAK,EAAE,CACL,IAAI,CAACR,MAAM,CAACS,KAAK,EACjB;QACE5I,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAACnC;QACnB,CAAC;MAEL,CAAC,CACD;MACF8C,UAAU,EAAE,IAAK;MACjBC,kBAAkB,EAAGzH,aAAa,IAAI,IAAI,CAAC8E,YAAY,GAAI,WAAW,GAAG;IAAQ,gBAEjFnJ,KAAA,CAAA2K,aAAA,CAAC7J,mBAAmB;MAClBiL,IAAI,EAAG,IAAI,CAACZ,MAAM,CAACS,KAAK,CAASI,cAAe;MAChDjD,QAAQ,EAAG,IAAI,CAACoC,MAAM,CAACS,KAAK,CAASK,kBAAmB;MACxDC,KAAK,EAAG,IAAI,CAACf,MAAM,CAACS,KAAK,CAASO,eAAgB;MAClDC,MAAM,EAAG,IAAI,CAACjB,MAAM,CAACS,KAAK,CAASS,gBAAgB,IAAI;IAAY,CAC/C,CACT,CACA,CACR,CAAC,EACXhI,aAAa,IAAI,IAAI,CAAC8E,YAAY,gBACjCnJ,KAAA,CAAA2K,aAAA,CAAC5J,SAAS;MACR8J,WAAW,EAAE9G,KAAK,CAAC+G,WAAY;MAC/BC,IAAI,EAAE,IAAI,CAACrB,eAAe,CACxB,IAAI,CAACP,YAAY,CAAC6B,MAAM,EACxBN,UAAU,CAAC,CAAC,CAAC,EACb,WACF,CAAE;MACFO,YAAY,EAAE,CACZ;QACEjI,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAAC/B;QACnB,CAAC;MAEL,CAAC,EACD,IAAI,CAACgC,MAAM,CAACC,OAAO,CACnB;MACFC,iBAAiB,EAAE,IAAI,CAACF,MAAM,CAACG,YAAa;MAC5CC,oBAAoB,EAAE,IAAI,CAACJ,MAAM,CAACK,eAAgB;MAClDC,SAAS,EAAE1H,KAAK,CAAC2H;IAAiB,gBAElC1L,KAAA,CAAA2K,aAAA,CAAC9J,eAAe;MAACyF,OAAO,EAAE,IAAI,CAACP;IAAgB,gBAC7C/F,KAAA,CAAA2K,aAAA,CAACvK,QAAQ,CAACH,IAAI;MACZ0L,KAAK,EAAE,CACL,IAAI,CAACR,MAAM,CAACS,KAAK,EACjB;QACE5I,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAAC/B;QACnB,CAAC;MAEL,CAAC,CACD;MACF0C,UAAU,EAAE,IAAK;MACjBC,kBAAkB,EAAE;IAAa,gBAEjC9L,KAAA,CAAA2K,aAAA,CAAC7J,mBAAmB;MAClBiL,IAAI,EAAG,IAAI,CAACZ,MAAM,CAACS,KAAK,CAASI,cAAe;MAChDjD,QAAQ,EAAG,IAAI,CAACoC,MAAM,CAACS,KAAK,CAASK,kBAAmB;MACxDC,KAAK,EAAG,IAAI,CAACf,MAAM,CAACS,KAAK,CAASO,eAAgB;MAClDC,MAAM,EAAG,IAAI,CAACjB,MAAM,CAACS,KAAK,CAASS,gBAAgB,IAAI;IAAY,CACpE,CACY,CACA,CACR,CAAC,GACV,IACF,CAAC;EAEP;EAEAC,oBAAoBA,CAACvI,KAAoB,EAAE;IAAA,IAAAwI,YAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,YAAA;IACzC,MAAMhC,UAAU,GAAG,IAAI,CAACtG,kBAAkB,CAAC,CAAC;IAC5C,MAAMC,aAAa,GAAGN,KAAK,CAACQ,KAAK,IAAImG,UAAU,CAAChI,MAAM,GAAG,CAAC;IAC1D,oBACI1C,KAAA,CAAA2K,aAAA,CAAC1K,IAAI;MACH0L,KAAK,EAAE;QAAEgB,aAAa,EAAE,KAAK;QAAEC,cAAc,EAAE;MAAgB;IAAE,gBAEjE5M,KAAA,CAAA2K,aAAA,CAACzK,IAAI,EAAA2M,QAAA,KACC,IAAI,CAACC,YAAY,CAAC,KAAK,CAAC;MAC5BnB,KAAK,EAAE,CAAC,IAAI,CAACR,MAAM,CAACJ,IAAI,EAAE,IAAI,CAACI,MAAM,CAAC4B,YAAY;IAAE,KAAAR,YAAA,GAEnD,IAAI,CAACxK,KAAK,cAAAwK,YAAA,gBAAAA,YAAA,GAAVA,YAAA,CAAYzK,KAAK,CAAC,CAAC,CAAC,cAAAyK,YAAA,uBAApBA,YAAA,CAAsB5I,YACnB,CAAC,EACNU,aAAa,gBACZrE,KAAA,CAAA2K,aAAA,CAAA3K,KAAA,CAAA4K,QAAA,MAAI,CAAC,gBAEL5K,KAAA,CAAA2K,aAAA,CAACzK,IAAI,EAAA2M,QAAA,KACC,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC;MAC9BnB,KAAK,EAAE,CAAC,IAAI,CAACR,MAAM,CAACJ,IAAI,EAAE,IAAI,CAACI,MAAM,CAAChJ,KAAK;IAAE,KAAAqK,YAAA,GAE5C,IAAI,CAACzK,KAAK,cAAAyK,YAAA,gBAAAA,YAAA,GAAVA,YAAA,CAAY1K,KAAK,CAACmF,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACtD,SAAS,KAAKG,KAAK,CAACgB,SAAS,CAAC,cAAAyH,YAAA,uBAA5DA,YAAA,CAA8D7I,YAC3D,CACP,eACD3D,KAAA,CAAA2K,aAAA,CAACzK,IAAI,EAAA2M,QAAA,KACC,IAAI,CAACC,YAAY,CAAC,KAAK,CAAC;MAC5BnB,KAAK,EAAE,CAAC,IAAI,CAACR,MAAM,CAACJ,IAAI,EAAE,IAAI,CAACI,MAAM,CAAC6B,YAAY;IAAE,KAAAP,MAAA,GAEnD9L,IAAI,EAAA+L,YAAA,GAAC,IAAI,CAAC3K,KAAK,cAAA2K,YAAA,uBAAVA,YAAA,CAAY5K,KAAK,CAAC,cAAA2K,MAAA,uBAAvBA,MAAA,CAAyB9I,YACtB,CACF,CAAC;EAEb;EAEAsJ,aAAaA,CAAClJ,KAAoB,EAAE;IAAA,IAAAmJ,iBAAA;IAClC,MAAMxL,KAAK,GAAG,EAAAwL,iBAAA,OAAI,CAAC5I,KAAK,CAACc,KAAK,cAAA8H,iBAAA,uBAAhBA,iBAAA,CAAkBxL,KAAK,KAAI,CAAC;IAC1C,oBAAQ1B,KAAA,CAAA2K,aAAA,CAAC1K,IAAI;MAAC0L,KAAK,EAAE;QAAEgB,aAAa,EAAE;MAAM;IAAE,gBAC5C3M,KAAA,CAAA2K,aAAA,CAAC1K,IAAI,QACFyB,KAAK,GAAG,IAAI,CAACK,KAAK,CAACD,KAAK,CAAC+C,GAAG,CAAC,CAACqC,CAAC,EAAE5E,CAAC,KAAK;MACtC,MAAM6K,SAAS,GAAG,EAAE;MACpB,MAAMC,YAAY,GAAG,IAAI,CAAChH,oBAAoB,CAACc,CAAC,CAACzE,SAAS,CAAC;MAC3D,MAAM4K,SAAS,GAAGnG,CAAC,CAACvD,YAAY;MAChC,oBACE3D,KAAA,CAAA2K,aAAA,CAAC1K,IAAI;QACHqN,GAAG,EAAEhL,CAAE;QACPqJ,KAAK,EAAE,CACL,IAAI,CAACR,MAAM,CAACoC,aAAa,EACzB;UACEhI,IAAI,EAAE6H,YAAY;UAClBI,MAAM,EAAEL,SAAS,GAAG;QACtB,CAAC;MACD,gBAEFnN,KAAA,CAAA2K,aAAA,CAACzK,IAAI;QACHyL,KAAK,EAAE,CACL,IAAI,CAACR,MAAM,CAACsC,WAAW,EACvB;UACED,MAAM,EAAEL,SAAS,GAAG,CAAC,GAAG;QAC1B,CAAC,EACD,IAAI,CAAChC,MAAM,CAACuC,gBAAgB,EAC5BpL,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC6I,MAAM,CAAC4B,YAAY,GAAG,IAAI,EACzCzK,CAAC,KAAK,IAAI,CAACP,KAAK,CAACD,KAAK,CAACY,MAAM,GAAG,CAAC,GAAG,IAAI,CAACyI,MAAM,CAAC6B,YAAY,GAAG,IAAI;MACnE,GAEDK,SACG,CAAC,eACPrN,KAAA,CAAA2K,aAAA,CAAC1K,IAAI;QACH0L,KAAK,EAAE,CACL,IAAI,CAACR,MAAM,CAACwC,IAAI,EAChB;UACEjM,KAAK,EAAEyL,SAAS;UAChB1H,MAAM,EAAE0H,SAAS;UACjBS,YAAY,EAAET;QAChB,CAAC,EACD,IAAI,CAAChC,MAAM,CAAC0C,WAAW;MACvB,CACH,CACG,CAAC;IAEX,CAAC,CAAC,GAAG,IACD,CACF,CAAC;EACT;EAEAC,YAAYA,CAAC/J,KAAoB,EAAE;IAAA,IAAAgK,kBAAA;IACjC,MAAMrM,KAAK,GAAG,EAAAqM,kBAAA,OAAI,CAACzJ,KAAK,CAACc,KAAK,cAAA2I,kBAAA,uBAAhBA,kBAAA,CAAkBrM,KAAK,KAAI,CAAC;IAC1C,MAAMgJ,UAAU,GAAG,IAAI,CAACtG,kBAAkB,CAAC,CAAC;IAC5C,MAAMC,aAAa,GAAGN,KAAK,CAACQ,KAAK,IAAImG,UAAU,CAAChI,MAAM,GAAG,CAAC;IAC1D,oBACE1C,KAAA,CAAA2K,aAAA,CAAC9J,eAAe;MAACyF,OAAO,EAAE,IAAI,CAACT;IAAa,gBAC1C7F,KAAA,CAAA2K,aAAA,CAACxK,gBAAgB,EAAA0M,QAAA;MACfmB,aAAa,EAAE,CAAE;MACjBrC,KAAK,EAAE,CAAC,IAAI,CAACR,MAAM,CAAC/F,KAAK,EAAE,IAAI,CAAC+F,MAAM,CAAC8C,UAAU,CAAE;MACnDC,QAAQ,EAAE,IAAI,CAACC;IAAe,GAC1B,IAAI,CAACrB,YAAY,CAAC,CAAC,EACnBvL,qBAAqB,CAACD,uBAAuB,CAAC8M,MAAM,EAAErK,KAAK,CAAC,gBAEhE/D,KAAA,CAAA2K,aAAA,CAACvK,QAAQ,CAACH,IAAI;MACZ0L,KAAK,EAAE,CACLtH,aAAa,IAAI,IAAI,CAAC8E,YAAY,GAC9B,IAAI,CAACgC,MAAM,CAACkD,YAAY,GACxB,IAAI,CAAClD,MAAM,CAACmD,YAAY,EAC5B;QACE5M,KAAK,EAAEA,KAAK;QACZsB,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAACnC,QAAQ,CAACwF,WAAW,CAAC;YACpCC,UAAU,EAAE,CAAC,CAAC,EAAE9M,KAAK,CAAC;YACtB+M,WAAW,EAAE,CAAC,CAAC/M,KAAK,EAAE,CAAC;UACzB,CAAC;QACH,CAAC;MAEL,CAAC,EACD,IAAI,CAACyJ,MAAM,CAACuD,iBAAiB;IAC7B,CACY,CAAC,eACjB1O,KAAA,CAAA2K,aAAA,CAACvK,QAAQ,CAACH,IAAI;MACZ0L,KAAK,EAAE,CACLtH,aAAa,IAAI,IAAI,CAAC8E,YAAY,GAC9B,IAAI,CAACgC,MAAM,CAACmD,YAAY,GACxB,IAAI,CAACnD,MAAM,CAACkD,YAAY,EAC5B;QACE3M,KAAK,EAAEA,KAAK;QACZsB,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAACnC;QACnB,CAAC;MAEL,CAAC,EACD,IAAI,CAACoC,MAAM,CAACwD,gBAAgB;IAC5B,CACY,CAAC,EAChBtK,aAAa,IAAI,IAAI,CAAC8E,YAAY,gBACjCnJ,KAAA,CAAA2K,aAAA,CAACvK,QAAQ,CAACH,IAAI;MACZ0L,KAAK,EAAE,CACL,IAAI,CAACR,MAAM,CAACkD,YAAY,EACxB;QACE3M,KAAK,EAAEA,KAAK;QACZsB,SAAS,EAAE,CACT;UACEkI,UAAU,EAAE,IAAI,CAAC/B;QACnB,CAAC;MAEL,CAAC,EACD,IAAI,CAACgC,MAAM,CAACyD,iBAAiB;IAC7B,CACH,CAAC,GACA,IACY,CACH,CAAC;EAEtB;EAEAC,YAAYA,CAAC9K,KAAoB,EAAE;IACjC,MAAM2G,UAAU,GAAG,IAAI,CAACtG,kBAAkB,CAAC,CAAC;IAC5C,oBACEpE,KAAA,CAAA2K,aAAA,CAAC1K,IAAI;MAAC0L,KAAK,EAAE,IAAI,CAACR,MAAM,CAAC2D;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChB,CAAChL,KAAK,CAACiL,WAAW,IAAI,CAACjL,KAAK,CAAC+G,WAAW,GAAE,IAAI,CAACwB,oBAAoB,CAACvI,KAAK,CAAC,GAAG,IAAI,EACjF,IAAI,CAAC+J,YAAY,CAAC/J,KAAK,CAAC,eACzB/D,KAAA,CAAA2K,aAAA,CAAC1K,IAAI;MAAC0L,KAAK,EAAE;QAAEgB,aAAa,EAAE;MAAM;IAAE,GACnC5I,KAAK,CAACiL,WAAW,GAAG,IAAI,CAAC/B,aAAa,CAAClJ,KAAK,CAAC,GAAG,IAAI,EACpD,IAAI,CAACyG,cAAc,CAACzG,KAAK,CACtB,CACF,CAAC;EAEX;AACF","ignoreList":[]}

package/components/input/slider/slider.props.js

@@ -0,0 +1,19 @@
+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 BaseDatasetProps from '../basedataset/basedataset.props';
+export default class WmSliderProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "range", false);
+    _defineProperty(this, "minvalue", 0);
+    _defineProperty(this, "maxvalue", 100);
+    _defineProperty(this, "step", 1);
+    _defineProperty(this, "datatype", "number");
+    _defineProperty(this, "showmarkers", false);
+    _defineProperty(this, "showtooltip", false);
+    _defineProperty(this, "tooltipdirection", "up");
+    _defineProperty(this, "markerlabeltext", []);
+  }
+}
+//# sourceMappingURL=slider.props.js.map

package/components/input/slider/slider.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmSliderProps","constructor","args","_defineProperty"],"sources":["slider.props.ts"],"sourcesContent":["import { TooltipDirection } from '../../basic/tooltip/tooltip.props';\nimport BaseDatasetProps from '../basedataset/basedataset.props';\n\nexport default class WmSliderProps extends BaseDatasetProps {\n    range?: boolean = false;\n    minvalue: number = 0;\n    maxvalue: number = 100;\n    step?: number = 1;\n    datatype: 'number' | 'dataset' = \"number\";\n    showmarkers = false;\n    showtooltip? = false;\n    tooltipdirection?: TooltipDirection = \"up\";\n    markerlabeltext?: Array<string | number> = [];\n    getToolTipExpression?: (item: number) => string;\n}\n"],"mappings":";;;AACA,OAAOA,gBAAgB,MAAM,kCAAkC;AAE/D,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBACtC,KAAK;IAAAA,eAAA,mBACJ,CAAC;IAAAA,eAAA,mBACD,GAAG;IAAAA,eAAA,eACN,CAAC;IAAAA,eAAA,mBACgB,QAAQ;IAAAA,eAAA,sBAC3B,KAAK;IAAAA,eAAA,sBACJ,KAAK;IAAAA,eAAA,2BACkB,IAAI;IAAAA,eAAA,0BACC,EAAE;EAAA;AAEjD","ignoreList":[]}

package/components/input/switch/switch.component.js

@@ -0,0 +1,84 @@
+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); }
+import React from 'react';
+import { Text, View } from "react-native";
+import { isEqual, find } from 'lodash';
+import WmSwitchProps from './switch.props';
+import { DEFAULT_CLASS } from './switch.styles';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmSwitchState extends BaseDatasetState {}
+export default class WmSwitch extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmSwitchProps());
+  }
+  onChange(value) {
+    if (!value) {
+      return;
+    }
+    const oldVal = this.state.props.datavalue;
+    this.validate(value);
+    if (value === oldVal) {
+      return;
+    }
+    if (this.state.props.datafield === 'All Fields') {
+      const selectedItem = find(this.state.dataItems, item => isEqual(item.key, value));
+      value = selectedItem && selectedItem.dataObject;
+    }
+    // @ts-ignore
+    this.updateState({
+      props: {
+        datavalue: value
+      },
+      isDefault: false
+    }, () => {
+      if (!this.props.invokeEvent) {
+        this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);
+      }
+    });
+  }
+  onTap(event, item) {
+    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;
+    this.onChange(value);
+    this.invokeEventCallback('onTap', [event, this.proxy]);
+  }
+  renderChild(item, index) {
+    let btnClass = 'button';
+    const props = this.state.props;
+    if (index === 0) {
+      btnClass = 'firstButton';
+    } else if (index + 1 === this.state.dataItems.length) {
+      btnClass = 'lastButton';
+    }
+    const displayText = item.displayexp || item.displayfield;
+    const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;
+    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction('button' + index), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.SWITCH, {
+          selected: isSelected,
+          hint: props === null || props === void 0 ? void 0 : props.hint
+        })
+      },
+      onTap: this.state.props.disabled ? undefined : this.onTap.bind(this, null, item),
+      styles: [this.styles.button, this.styles[btnClass], isSelected ? this.styles.selectedButton : null],
+      key: item.key
+    }), this.state.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon' + index),
+      styles: this.styles.loadingIcon,
+      iconclass: item.icon,
+      caption: displayText
+    }) : /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('label' + index), {
+      style: [isSelected ? this.styles.selectedButtonText : this.styles.text, {
+        color: isSelected ? this.styles.selectedButton.color : this.styles.button.color
+      }]
+    }), displayText)));
+  }
+  renderWidget(props) {
+    const items = this.state.dataItems;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null);
+  }
+}
+//# sourceMappingURL=switch.component.js.map