{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport React from 'react';\nimport { SliderContext } from \"./Context\";\nimport Box from \"../Box\";\nimport { usePropsResolution } from \"../../../hooks/useThemeProps\";\nvar SliderFilledTrack = function SliderFilledTrack(props, ref) {\n var _React$useContext = React.useContext(SliderContext),\n isReversed = _React$useContext.isReversed,\n colorScheme = _React$useContext.colorScheme,\n state = _React$useContext.state,\n trackLayout = _React$useContext.trackLayout,\n variant = _React$useContext.variant,\n isDisabled = _React$useContext.isDisabled,\n sliderSize = _React$useContext.sliderSize,\n isReadOnly = _React$useContext.isReadOnly;\n var getSliderTrackPosition = function getSliderTrackPosition() {\n if (variant === 'vertical') {\n return isReversed ? trackLayout.height - trackLayout.height * state.getThumbPercent(0) : trackLayout.height * state.getThumbPercent(0);\n } else {\n return isReversed ? trackLayout.width - trackLayout.width * state.getThumbPercent(0) : trackLayout.width * state.getThumbPercent(0);\n }\n };\n var sliderTrackPosition = getSliderTrackPosition();\n var resolvedProps = usePropsResolution('SliderFilledTrack', _objectSpread({\n size: sliderSize,\n colorScheme: colorScheme,\n isReversed: isReversed,\n variant: variant\n }, props), {\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isReversed: isReversed\n });\n return React.createElement(Box, _extends({\n position: \"absolute\"\n }, resolvedProps, {\n ref: ref,\n size: 4,\n style: {\n width: variant !== 'vertical' ? sliderTrackPosition : 4,\n height: variant === 'vertical' ? sliderTrackPosition : 4\n }\n }));\n};\nexport default React.forwardRef(SliderFilledTrack);","map":{"version":3,"sources":["SliderFilledTrack.tsx"],"names":["React","SliderContext","Box","usePropsResolution","SliderFilledTrack","props","ref","isReversed","colorScheme","state","trackLayout","variant","isDisabled","sliderSize","isReadOnly","useContext","getSliderTrackPosition","height","getThumbPercent","width","sliderTrackPosition","resolvedProps","size","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT;AACA,OAAOC,GAAP;AAEA,SAASC,kBAAT;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAD,EAAiCC,GAAjC,EAA+C;EACvE,IAAA,iBAAA,GAUIN,KAAK,CAACe,UAANf,CAAiBC,aAAjBD,CAVJ;IACEO,UADI,GAAA,iBAAA,CACJA,UADI;IAEJC,WAFI,GAAA,iBAAA,CAEJA,WAFI;IAGJC,KAHI,GAAA,iBAAA,CAGJA,KAHI;IAIJC,WAJI,GAAA,iBAAA,CAIJA,WAJI;IAMJC,OANI,GAAA,iBAAA,CAMJA,OANI;IAOJC,UAPI,GAAA,iBAAA,CAOJA,UAPI;IAQJC,UARI,GAAA,iBAAA,CAQJA,UARI;IASJC,UAAAA,GAAAA,iBAAAA,CAAAA,UAAAA;EAGF,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAA,EAAS;IACnC,IAAIL,OAAO,KAAK,UAAhB,EAA4B;MAC1B,OAAOJ,UAAU,GACbG,WAAW,CAACO,MAAZP,GAAqBA,WAAW,CAACO,MAAZP,GAAqBD,KAAK,CAACS,eAANT,CAAsB,CAAtBA,CAD7B,GAEbC,WAAW,CAACO,MAAZP,GAAqBD,KAAK,CAACS,eAANT,CAAsB,CAAtBA,CAFzB;IAGD,CAJD,MAIO;MACL,OAAOF,UAAU,GACbG,WAAW,CAACS,KAAZT,GAAoBA,WAAW,CAACS,KAAZT,GAAoBD,KAAK,CAACS,eAANT,CAAsB,CAAtBA,CAD3B,GAEbC,WAAW,CAACS,KAAZT,GAAoBD,KAAK,CAACS,eAANT,CAAsB,CAAtBA,CAFxB;IAGD;EACF,CAVD;EAYA,IAAMW,mBAAmB,GAAGJ,sBAAsB,CAAA,CAAlD;EAEA,IAAMK,aAAa,GAAGlB,kBAAkB,CACtC,mBADsC,EAAA,aAAA;IAGpCmB,IAAI,EAAET,UADR;IAEEL,WAFF,EAEEA,WAFF;IAGED,UAHF,EAGEA,UAHF;IAIEI,OAJF,EAIEA;EAJF,GAKKN,KAAAA,GAEL;IAAEO,UAAF,EAAEA,UAAF;IAAcE,UAAd,EAAcA,UAAd;IAA0BP,UAAAA,EAAAA;EAA1B,CATsC,CAAxC;EAYA,OACE,KAAA,CAAA,aAAA,CAAC,GAAD,EAAA,QAAA,CAAA;IACE,QAAQ,EAAC;EADX,CAAA,EAEMc,aAFN,EAAA;IAGE,GAAG,EAAEf,GAHP;IAIE,IAAI,EAAE,CAJR;IAKE,KAAK,EAAE;MACLa,KAAK,EAAER,OAAO,KAAK,UAAZA,GAAyBS,mBAAzBT,GAA+C,CADjD;MAELM,MAAM,EAAEN,OAAO,KAAK,UAAZA,GAAyBS,mBAAzBT,GAA+C;IAP3D;EAAA,CAAA,CAAA,CADF;AAcD,CArDD;AAuDA,eAAeX,KAAK,CAACuB,UAANvB,CAAiBI,iBAAjBJ,CAAf","sourcesContent":["import React from 'react';\nimport { SliderContext } from './Context';\nimport Box from '../Box';\nimport type { ISliderTrackFilledProps } from './types';\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\n\nconst SliderFilledTrack = (props: ISliderTrackFilledProps, ref?: any) => {\n const {\n isReversed,\n colorScheme,\n state,\n trackLayout,\n // orientation,\n variant,\n isDisabled,\n sliderSize,\n isReadOnly,\n } = React.useContext(SliderContext);\n\n const getSliderTrackPosition = () => {\n if (variant === 'vertical') {\n return isReversed\n ? trackLayout.height - trackLayout.height * state.getThumbPercent(0)\n : trackLayout.height * state.getThumbPercent(0);\n } else {\n return isReversed\n ? trackLayout.width - trackLayout.width * state.getThumbPercent(0)\n : trackLayout.width * state.getThumbPercent(0);\n }\n };\n\n const sliderTrackPosition = getSliderTrackPosition();\n\n const resolvedProps = usePropsResolution(\n 'SliderFilledTrack',\n {\n size: sliderSize,\n colorScheme,\n isReversed,\n variant,\n ...props,\n },\n { isDisabled, isReadOnly, isReversed }\n );\n\n return (\n \n );\n};\n\nexport default React.forwardRef(SliderFilledTrack);\n"]},"metadata":{},"sourceType":"module"}