@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components-prism/input/slider/Thumb.js

@@ -0,0 +1,35 @@
+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 { View } from "react-native";
+import { Pressable } from "react-native-gesture-handler";
+import Animated from "react-native-reanimated";
+import Color from "color";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export default function Thumb(props) {
+  var _styles$thumb;
+  const {
+    styles,
+    thumbStyle,
+    thumbTop,
+    thumbLeft,
+    disabled,
+    ...restProps
+  } = props;
+  const thumbBg = ((_styles$thumb = styles.thumb) === null || _styles$thumb === void 0 ? void 0 : _styles$thumb.backgroundColor) || '#65558F';
+  const rippleColor = Color(thumbBg).alpha(0.7).toString();
+  // TODO: highlight effect for iOS
+  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({}, restProps, {
+    style: [{
+      top: thumbTop,
+      left: thumbLeft
+    }, thumbStyle, styles.thumbWrapper],
+    android_ripple: {
+      foreground: true,
+      color: rippleColor
+    },
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.thumb, disabled ? styles.disabledThumb : {}]
+  }));
+}
+//# sourceMappingURL=Thumb.js.map

package/components-prism/input/slider/Thumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Pressable","Animated","Color","AnimatedPressable","createAnimatedComponent","Thumb","props","_styles$thumb","styles","thumbStyle","thumbTop","thumbLeft","disabled","restProps","thumbBg","thumb","backgroundColor","rippleColor","alpha","toString","createElement","_extends","style","top","left","thumbWrapper","android_ripple","foreground","color","disabledThumb"],"sources":["Thumb.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from \"react-native\";\nimport { Pressable } from \"react-native-gesture-handler\";\nimport Animated from \"react-native-reanimated\";\nimport Color from \"color\";\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function Thumb(props: any) {\n  const { styles, thumbStyle, thumbTop, thumbLeft, disabled, ...restProps } = props;\n  const thumbBg = styles.thumb?.backgroundColor || '#65558F';\n  const rippleColor = Color(thumbBg).alpha(0.7).toString();\n  // TODO: highlight effect for iOS\n  return (\n    <AnimatedPressable\n      {...restProps}\n      style={[{ top: thumbTop, left: thumbLeft }, thumbStyle, styles.thumbWrapper]}\n      android_ripple={{\n        foreground: true,\n        color: rippleColor,\n      }}\n      disabled={disabled}\n    >\n      <View style={[styles.thumb, disabled ? styles.disabledThumb : {}]} />\n    </AnimatedPressable>\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,iBAAiB,GAAGF,QAAQ,CAACG,uBAAuB,CAACJ,SAAS,CAAC;AAErE,eAAe,SAASK,KAAKA,CAACC,KAAU,EAAE;EAAA,IAAAC,aAAA;EACxC,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGP,KAAK;EACjF,MAAMQ,OAAO,GAAG,EAAAP,aAAA,GAAAC,MAAM,CAACO,KAAK,cAAAR,aAAA,uBAAZA,aAAA,CAAcS,eAAe,KAAI,SAAS;EAC1D,MAAMC,WAAW,GAAGf,KAAK,CAACY,OAAO,CAAC,CAACI,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxD;EACA,oBACErB,KAAA,CAAAsB,aAAA,CAACjB,iBAAiB,EAAAkB,QAAA,KACZR,SAAS;IACbS,KAAK,EAAE,CAAC;MAAEC,GAAG,EAAEb,QAAQ;MAAEc,IAAI,EAAEb;IAAU,CAAC,EAAEF,UAAU,EAAED,MAAM,CAACiB,YAAY,CAAE;IAC7EC,cAAc,EAAE;MACdC,UAAU,EAAE,IAAI;MAChBC,KAAK,EAAEX;IACT,CAAE;IACFL,QAAQ,EAAEA;EAAS,iBAEnBd,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAE,CAACd,MAAM,CAACO,KAAK,EAAEH,QAAQ,GAAGJ,MAAM,CAACqB,aAAa,GAAG,CAAC,CAAC;EAAE,CAAE,CACnD,CAAC;AAExB","ignoreList":[]}

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

@@ -0,0 +1,108 @@
+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 withSlider from "./withSlider";
+import { BaseDatasetComponent, BaseDatasetState } from "@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component";
+import WmSliderProps from "./slider.props";
+import { DEFAULT_CLASS } from "./slider.styles";
+import { TextInput, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { GestureDetector } from "react-native-gesture-handler";
+import Thumb from "./Thumb";
+export class WmSliderState extends BaseDatasetState {}
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+class WmSlider extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmSliderProps());
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'datavalue':
+        break;
+      default:
+        super.onPropertyChange(name, $new, $old);
+        break;
+    }
+  }
+  onSliderChange(newValue) {
+    const oldValue = this.state.props.datavalue;
+    this.updateState({
+      props: {
+        datavalue: newValue
+      }
+    });
+    if (this.props.onFieldChange) {
+      this.props.onFieldChange('datavalue', newValue, oldValue);
+    } else {
+      this.invokeEventCallback('onChange', [undefined, this.proxy, newValue, oldValue]);
+    }
+  }
+  renderWidget(props) {
+    const {
+      isDisabled,
+      isRange,
+      showmarkers,
+      showtooltip,
+      minSliderThumbPanGesture,
+      maxSliderThumbPanGesture,
+      sliderMinTrackStyle,
+      sliderRangeTrackStyle,
+      sliderMaxTrackStyle,
+      sliderMinThumbStyle,
+      sliderMaxThumbStyle,
+      minThumbValueText,
+      maxThumbValueText,
+      thumbMinValueTextStyle,
+      thumbMaxValueTextStyle,
+      renderMarker,
+      thumbTop,
+      thumbLeft
+    } = props.animatedSliderProps;
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.root
+    }, this.getTestProps()), /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.track
+    }, this.getTestProps('track')), isRange ? /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.maximumTrack, sliderMinTrackStyle, isDisabled ? this.styles.disabledMaxTrack : {}]
+    }) : /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.minimumTrack, sliderMinTrackStyle, isDisabled ? this.styles.disabledMinTrack : {}]
+    }), isRange && /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.minimumTrack, sliderRangeTrackStyle, isDisabled ? this.styles.disabledRangeTrack : {}]
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.maximumTrack, sliderMaxTrackStyle, isDisabled ? this.styles.disabledMaxTrack : {}]
+    }), showmarkers && renderMarker(), /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: minSliderThumbPanGesture
+    }, /*#__PURE__*/React.createElement(Thumb, {
+      testID: this.getTestId('minThumb'),
+      thumbStyle: sliderMinThumbStyle,
+      thumbTop: thumbTop,
+      thumbLeft: thumbLeft,
+      disabled: isDisabled,
+      styles: this.styles
+    })), isRange && /*#__PURE__*/React.createElement(GestureDetector, {
+      gesture: maxSliderThumbPanGesture
+    }, /*#__PURE__*/React.createElement(Thumb, {
+      testID: this.getTestId('maxThumb'),
+      thumbStyle: sliderMaxThumbStyle,
+      thumbTop: thumbTop,
+      thumbLeft: thumbLeft,
+      disabled: isDisabled,
+      styles: this.styles
+    })), showtooltip && /*#__PURE__*/React.createElement(Animated.View, {
+      testID: this.getTestId('minTooltip'),
+      style: [this.styles.tooltip, thumbMinValueTextStyle]
+    }, /*#__PURE__*/React.createElement(AnimatedTextInput, {
+      animatedProps: minThumbValueText,
+      style: this.styles.tooltipLabel,
+      editable: false
+    })), isRange && showtooltip && /*#__PURE__*/React.createElement(Animated.View, {
+      testID: this.getTestId('maxTooltip'),
+      style: [this.styles.tooltip, thumbMaxValueTextStyle]
+    }, /*#__PURE__*/React.createElement(AnimatedTextInput, {
+      animatedProps: maxThumbValueText,
+      style: this.styles.tooltipLabel,
+      editable: false
+    }))));
+  }
+}
+export default withSlider(WmSlider);
+//# sourceMappingURL=slider.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withSlider","BaseDatasetComponent","BaseDatasetState","WmSliderProps","DEFAULT_CLASS","TextInput","View","Animated","GestureDetector","Thumb","WmSliderState","AnimatedTextInput","createAnimatedComponent","WmSlider","constructor","props","onPropertyChange","name","$new","$old","onSliderChange","newValue","oldValue","state","datavalue","updateState","onFieldChange","invokeEventCallback","undefined","proxy","renderWidget","isDisabled","isRange","showmarkers","showtooltip","minSliderThumbPanGesture","maxSliderThumbPanGesture","sliderMinTrackStyle","sliderRangeTrackStyle","sliderMaxTrackStyle","sliderMinThumbStyle","sliderMaxThumbStyle","minThumbValueText","maxThumbValueText","thumbMinValueTextStyle","thumbMaxValueTextStyle","renderMarker","thumbTop","thumbLeft","animatedSliderProps","createElement","_extends","style","styles","root","getTestProps","track","maximumTrack","disabledMaxTrack","minimumTrack","disabledMinTrack","disabledRangeTrack","gesture","testID","getTestId","thumbStyle","disabled","tooltip","animatedProps","tooltipLabel","editable"],"sources":["slider.component.tsx"],"sourcesContent":["import React from \"react\";\nimport withSlider from \"./withSlider\";\nimport { BaseDatasetComponent, BaseDatasetState } from \"@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component\";\nimport WmSliderProps from \"./slider.props\";\nimport { DEFAULT_CLASS, WmSliderStyles } from \"./slider.styles\";\nimport { TextInput, View } from \"react-native\";\nimport Animated from \"react-native-reanimated\";\nimport { GestureDetector } from \"react-native-gesture-handler\";\nimport Thumb from \"./Thumb\";\n\nexport class WmSliderState extends BaseDatasetState<WmSliderProps> {}\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(TextInput);\n\nclass WmSlider extends BaseDatasetComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        break;\n      default:\n        super.onPropertyChange(name, $new, $old);\n        break;\n    }\n  }\n\n  onSliderChange(newValue: any) {\n    const oldValue = this.state.props.datavalue;\n    this.updateState({\n      props: {\n        datavalue: newValue,\n      },\n    } as WmSliderState);\n\n    if (this.props.onFieldChange) {\n      this.props.onFieldChange('datavalue', newValue, oldValue);\n    } else {\n      this.invokeEventCallback('onChange', [undefined, this.proxy, newValue, oldValue]);\n    }\n  }\n\n  renderWidget(props: WmSliderProps & { animatedSliderProps: any }) {\n    const {\n      isDisabled,\n      isRange,\n      showmarkers,\n      showtooltip,\n      minSliderThumbPanGesture,\n      maxSliderThumbPanGesture,\n      sliderMinTrackStyle,\n      sliderRangeTrackStyle,\n      sliderMaxTrackStyle,\n      sliderMinThumbStyle,\n      sliderMaxThumbStyle,\n      minThumbValueText,\n      maxThumbValueText,\n      thumbMinValueTextStyle,\n      thumbMaxValueTextStyle,\n      renderMarker,\n      thumbTop,\n      thumbLeft,\n    } = props.animatedSliderProps;\n    return (\n      <View style={this.styles.root} {...this.getTestProps()}>\n        <View style={this.styles.track} {...this.getTestProps('track')}>\n          {isRange ? (\n            <Animated.View\n              style={[\n                this.styles.maximumTrack,\n                sliderMinTrackStyle,\n                isDisabled ? this.styles.disabledMaxTrack : {},\n              ]}\n            />\n          ) : (\n            <Animated.View\n              style={[\n                this.styles.minimumTrack,\n                sliderMinTrackStyle,\n                isDisabled ? this.styles.disabledMinTrack : {},\n              ]}\n            />\n          )}\n          {isRange && (\n            <Animated.View\n              style={[\n                this.styles.minimumTrack,\n                sliderRangeTrackStyle,\n                isDisabled ? this.styles.disabledRangeTrack : {},\n              ]}\n            />\n          )}\n          <Animated.View\n            style={[\n              this.styles.maximumTrack,\n              sliderMaxTrackStyle,\n              isDisabled ? this.styles.disabledMaxTrack : {},\n            ]}\n          />\n          {showmarkers && renderMarker()}\n          <GestureDetector gesture={minSliderThumbPanGesture}>\n            <Thumb testID={this.getTestId('minThumb')} thumbStyle={sliderMinThumbStyle} thumbTop={thumbTop} thumbLeft={thumbLeft} disabled={isDisabled} styles={this.styles} />\n          </GestureDetector>\n          {isRange && (\n            <GestureDetector gesture={maxSliderThumbPanGesture}>\n              <Thumb\n                testID={this.getTestId('maxThumb')}\n                thumbStyle={sliderMaxThumbStyle}\n                thumbTop={thumbTop}\n                thumbLeft={thumbLeft}\n                disabled={isDisabled}\n                styles={this.styles}\n              />\n            </GestureDetector>\n          )}\n          {showtooltip && (\n            <Animated.View\n              testID={this.getTestId('minTooltip')}\n              style={[this.styles.tooltip, thumbMinValueTextStyle]}\n            >\n              <AnimatedTextInput\n                animatedProps={minThumbValueText}\n                style={this.styles.tooltipLabel}\n                editable={false}\n              />\n            </Animated.View>\n          )}\n          {(isRange && showtooltip) && (\n            <Animated.View\n              testID={this.getTestId('maxTooltip')}\n              style={[this.styles.tooltip, thumbMaxValueTextStyle]}\n            >\n              <AnimatedTextInput\n                animatedProps={maxThumbValueText}\n                style={this.styles.tooltipLabel}\n                editable={false}\n              />\n            </Animated.View>\n          )}\n        </View>\n      </View>\n    )\n  }\n}\n\nexport default withSlider(WmSlider);\n"],"mappings":"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","ignoreList":[]}

package/components-prism/input/slider/slider.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 BaseDatasetProps from '../../../components/input/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", []);
+    _defineProperty(this, "tooltipexpression", void 0);
+  }
+}
+//# sourceMappingURL=slider.props.js.map

package/components-prism/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 '../../../components/basic/tooltip/tooltip.props';\nimport BaseDatasetProps from '../../../components/input/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 | {title: string, position?: string}> | string = [];\n    tooltipexpression?: (item: number) => string;\n}\n"],"mappings":";;;AACA,OAAOA,gBAAgB,MAAM,yDAAyD;AAEtF,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,0BAC+C,EAAE;IAAAA,eAAA;EAAA;AAE/F","ignoreList":[]}

package/components-prism/input/slider/slider.styles.js

@@ -0,0 +1,135 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-slider';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      marginTop: 50,
+      marginBottom: 50,
+      marginLeft: 30,
+      marginRight: 30
+    },
+    text: {
+      fontSize: 16
+    },
+    minimumValue: {
+      position: 'absolute',
+      bottom: -40,
+      left: 0,
+      fontSize: 16
+    },
+    maximumValue: {
+      position: 'absolute',
+      bottom: -40,
+      right: 0,
+      fontSize: 16
+    },
+    value: {},
+    track: {
+      flexDirection: 'row',
+      position: 'relative',
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: 180,
+      height: 16,
+      borderRadius: 8
+    },
+    minimumTrack: {
+      height: 16,
+      borderRadius: 8
+    },
+    maximumTrack: {
+      height: 16,
+      borderRadius: 8
+    },
+    thumbWrapper: {
+      position: 'absolute',
+      width: 14,
+      height: 54,
+      borderRadius: 2,
+      backgroundColor: '#fff',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    thumb: {
+      position: 'absolute',
+      width: 4,
+      height: 44,
+      borderRadius: 2,
+      backgroundColor: '#65558F'
+    },
+    disabledThumb: {
+      backgroundColor: '#a9a8aa'
+    },
+    disabledMinTrack: {
+      backgroundColor: '#a9a8aa'
+    },
+    disabledMaxTrack: {
+      backgroundColor: '#e4e4e4'
+    },
+    disabledRangeTrack: {
+      backgroundColor: '#a9a8aa'
+    },
+    mark: {
+      position: 'absolute',
+      width: 4,
+      height: 4,
+      borderRadius: 2
+    },
+    minTrackMark: {
+      backgroundColor: '#fff'
+    },
+    maxTrackMark: {
+      backgroundColor: '#65558F'
+    },
+    markerLabelWrapper: {
+      position: 'absolute',
+      width: 60
+    },
+    markerLabel: {
+      textAlign: 'center'
+    },
+    trackStyle: {},
+    minimumTrackStyle: {},
+    maximumTrackStyle: {},
+    activeTrackStyle: {},
+    tooltip: {
+      position: 'absolute',
+      top: -62,
+      width: 58,
+      height: 44,
+      borderRadius: 100,
+      backgroundColor: '#322F35',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    tooltipLabel: {
+      position: 'absolute',
+      width: 58,
+      textAlign: 'center',
+      padding: 0,
+      fontSize: 16,
+      color: '#F5EFF7'
+    },
+    tooltipTriangle: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-slider-input-horizontal', '', {
+    root: {
+      flex: 1,
+      // Take remaining space after label
+      minWidth: 0,
+      // Allow shrinking below intrinsic content size if needed
+      maxWidth: '100%' // Prevent overflow
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      // opacity: 0.5
+    }
+  });
+});
+//# sourceMappingURL=slider.styles.js.map

package/components-prism/input/slider/slider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","marginTop","marginBottom","marginLeft","marginRight","text","fontSize","minimumValue","position","bottom","left","maximumValue","right","value","track","flexDirection","justifyContent","alignItems","width","height","borderRadius","minimumTrack","maximumTrack","thumbWrapper","backgroundColor","thumb","disabledThumb","disabledMinTrack","disabledMaxTrack","disabledRangeTrack","mark","minTrackMark","maxTrackMark","markerLabelWrapper","markerLabel","textAlign","trackStyle","minimumTrackStyle","maximumTrackStyle","activeTrackStyle","tooltip","top","tooltipLabel","padding","color","tooltipTriangle","flex","minWidth","maxWidth"],"sources":["slider.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\n\nexport type WmSliderStyles = BaseStyles & {\n    minimumValue: TextStyle,\n    maximumValue: TextStyle,\n    value: TextStyle,\n    track: ViewStyle,\n    minimumTrack: ViewStyle,\n    maximumTrack: ViewStyle,\n    thumbWrapper: ViewStyle,\n    thumb: ViewStyle,\n    markerLabelWrapper: ViewStyle,\n    markerLabel: TextStyle,\n    mark: ViewStyle,\n    trackStyle: ViewStyle,\n    minimumTrackStyle: ViewStyle,\n    maximumTrackStyle: ViewStyle,\n    activeTrackStyle: ViewStyle,\n    tooltip: ViewStyle,\n    tooltipLabel: TextStyle,\n    tooltipTriangle: ViewStyle,\n    disabledThumb: ViewStyle,\n    disabledMinTrack: ViewStyle,\n    disabledMaxTrack: ViewStyle,\n    disabledRangeTrack: ViewStyle,\n    minTrackMark: ViewStyle,\n    maxTrackMark: ViewStyle,\n};\n\nexport const DEFAULT_CLASS = 'app-slider';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmSliderStyles = defineStyles({\n        root: {\n            marginTop: 50,\n            marginBottom: 50,\n            marginLeft: 30,\n            marginRight: 30,\n        },\n        text: {\n            fontSize: 16\n        },\n        minimumValue: {\n            position: 'absolute',\n            bottom: -40,\n            left: 0,\n            fontSize: 16,\n        },\n        maximumValue: {\n            position: 'absolute',\n            bottom: -40,\n            right: 0,\n            fontSize: 16,\n        },\n        value: {},\n        track: {\n            flexDirection: 'row',\n            position: 'relative',\n            justifyContent: 'center',\n            alignItems: 'center',\n            width: 180,\n            height: 16,\n            borderRadius: 8,\n        },\n        minimumTrack: {\n            height: 16,\n            borderRadius: 8,\n        },\n        maximumTrack: {\n            height: 16,\n            borderRadius: 8,\n        },\n        thumbWrapper: {\n            position: 'absolute',\n            width: 14,\n            height: 54,\n            borderRadius: 2,\n            backgroundColor: '#fff',\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n        thumb: {\n            position: 'absolute',\n            width: 4,\n            height: 44,\n            borderRadius: 2,\n            backgroundColor: '#65558F',\n        },\n        disabledThumb: {\n            backgroundColor: '#a9a8aa',\n        },\n        disabledMinTrack: {\n            backgroundColor: '#a9a8aa',\n        },\n        disabledMaxTrack: {\n            backgroundColor: '#e4e4e4',\n        },\n        disabledRangeTrack: {\n            backgroundColor: '#a9a8aa',\n        },\n        mark: {\n            position: 'absolute',\n            width: 4,\n            height: 4,\n            borderRadius: 2,\n        },\n        minTrackMark: {\n            backgroundColor: '#fff',\n        },\n        maxTrackMark: {\n            backgroundColor: '#65558F',\n        },\n        markerLabelWrapper: {\n            position: 'absolute',\n            width: 60,\n        },\n        markerLabel: {\n            textAlign: 'center',\n        },\n        trackStyle: {},\n        minimumTrackStyle: {},\n        maximumTrackStyle: {},\n        activeTrackStyle: {},\n        tooltip: {\n            position: 'absolute',\n            top: -62,\n            width: 58,\n            height: 44,\n            borderRadius: 100,\n            backgroundColor: '#322F35',\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n        tooltipLabel: {\n            position: 'absolute',\n            width: 58,\n            textAlign: 'center',\n            padding: 0,\n            fontSize: 16,\n            color: '#F5EFF7',\n        },\n        tooltipTriangle: {},\n    }) as WmSliderStyles;\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    \n    // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n    addStyle('form-slider-input-horizontal', '', {\n      root: {\n        flex: 1, // Take remaining space after label\n        minWidth: 0, // Allow shrinking below intrinsic content size if needed\n        maxWidth: '100%' // Prevent overflow\n      },\n      text: {}\n    } as BaseStyles);\n    \n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n            // opacity: 0.5\n        }\n    });\n});\n"],"mappings":"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","ignoreList":[]}