{"version":3,"file":"static/chunks/14596-6d5602c1b366fcc8.js","sources":["webpack://_N_E/./src/LegacyApp/client/modules/app/animationService.js","webpack://_N_E/./src/common/components/LottieWrapper/Lottie.ids.ts","webpack://_N_E/./src/common/components/LottieWrapper/Lottie.styled.ts","webpack://_N_E/./src/common/components/LottieWrapper/index.ts","webpack://_N_E/./src/common/components/games/Slider/Slider.styled.ts","webpack://_N_E/./src/common/components/games/Slider/SwitchSwoosh.tsx","webpack://_N_E/./src/common/components/games/Slider/handle.tsx","webpack://_N_E/./src/common/components/games/Slider/track.tsx","webpack://_N_E/./src/common/components/games/Slider/tick.tsx","webpack://_N_E/./src/common/components/games/Slider/slider.tsx","webpack://_N_E/./src/common/components/games/Slider/methods/getChangedValueIndexFromArray.ts","webpack://_N_E/./src/modules/games/DiceGame/components/GameSlider/GameSlider.styled.ts","webpack://_N_E/./src/modules/games/DiceGame/components/GameSliderResult/GameSliderResult.styled.js"],"sourceRoot":"","sourcesContent":["export class RepeatAnimationClass {\n\tconstructor(delay, triggerDelay) {\n\t\tthis.disableTimeout = null;\n\t\tthis.repeatTimeout = null;\n\t\tthis.triggerTimeout = null;\n\t\tthis.delay = delay;\n\t\tthis.triggerDelay = triggerDelay;\n\t}\n\n\ttrigger(\n\t\tbool,\n\t\tcallback,\n\t\tdelay = this.delay,\n\t\ttriggerDelay = this.triggerDelay,\n\t) {\n\t\tif (this.triggerTimeout) {\n\t\t\tclearTimeout(this.triggerTimeout);\n\t\t}\n\t\tif (this.disableTimeout) {\n\t\t\tclearTimeout(this.disableTimeout);\n\t\t}\n\t\tif (this.repeatTimeout) {\n\t\t\tclearTimeout(this.repeatTimeout);\n\t\t}\n\t\tthis.triggerTimeout = setTimeout(() => {\n\t\t\tif (bool) {\n\t\t\t\tcallback(false);\n\t\t\t\tthis.repeatTimeout = setTimeout(() => {\n\t\t\t\t\tcallback(true);\n\t\t\t\t\tthis.disableTimeout = setTimeout(() => callback(false), delay);\n\t\t\t\t}, 100);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcallback(true);\n\t\t\tthis.disableTimeout = setTimeout(() => callback(false), delay);\n\t\t}, triggerDelay || 0);\n\t}\n}\n","export const LottieIds = {\n\tGAME_RESULT_STAR_1: 'game-result-star-1',\n\tGAME_RESULT_STAR_2: 'game-result-star-2',\n\tFLASH_BET_ANIMATION: 'flash-bet-animation',\n\tRAKE_BACK: 'rake-back',\n\tVIP_ICON: 'vip-icon',\n\tSWOOSH: 'swoosh',\n\tBONUS_CODE_CLAIM: 'bonus-code-claim',\n} as const;\n\ntype LottieIdsKeys = keyof typeof LottieIds;\nexport type LottieIdsType = (typeof LottieIds)[LottieIdsKeys];\n","import styled, { css } from 'styled-components';\n\nexport const StyledLottie = styled.div<{\n\t$height?: number;\n\t$width?: number;\n}>`\n\tpointer-events: none;\n\n\tsvg {\n\t\t${(props) =>\n\t\t\tprops.$height\n\t\t\t\t? css`\n\t\t\t\t\t\theight: ${props.$height}px!important;\n\t\t\t\t  `\n\t\t\t\t: ''}\n\t\t${(props) =>\n\t\t\tprops.$width\n\t\t\t\t? css`\n\t\t\t\t\t\theight: ${props.$width}px!important;\n\t\t\t\t  `\n\t\t\t\t: ''}\n\t}\n`;\n","import { Loadable } from '@legacyApp/client/components/loader/loadable/loadable';\n\nexport const LottieWrapper = Loadable(\n\t{\n\t\tloader: () => import(/* webpackChunkName: \"Lottie\" */ './Lottie'),\n\t},\n\t'./Lottie',\n);\n","import styled, { css, keyframes } from 'styled-components';\nimport { Slider } from 'react-compound-slider';\nimport { fontSize } from '@legacyApp/client/modules/style/mixins/fontSize';\nimport { calcStyle } from '@legacyApp/client/modules/style/methods/calcStyle';\nimport { StyledSwitchSwoosh } from './SwitchSwoosh';\nimport {\n\tStyledSliderHandle,\n\tStyledSliderHandleValue,\n\tStyledSliderHandleWrapper,\n} from './handle';\nimport { SliderRangeMode } from './slider';\n\nconst HandleRotate = (props) => keyframes`\n    0% {\n      transform: rotateY(${props.$opposite ? 180 : 0}deg) scale(1);\n    }\n    50% {\n      transform: rotateY(90deg) scale(1.1);\n    }\n    100% {\n      transform: rotateY(${props.$opposite ? 0 : 180}deg) scale(1);\n    }\n`;\n\nconst BarSwitchAnimation = (props) => keyframes`\n\t\t0% {\n\t\t\tbackground-color: #00FF1D;\n    }\n    50% {\n      background-color: #00FF1D;\n    }\n    100% {\n      background-color: ${props.theme.colors.positive};\n    }\n`;\n\nconst BarSwitchSlideAnimation = (props) => keyframes`\n\t\t0% {\n\t\t\tleft: ${props.$opposite ? '0' : `${props.$handlePosition}%`};\n    }\n    99% {\n    \topacity: 1;\n    }\n    100% {\n      left: ${props.$opposite ? '100%' : '-20px'};\n      opacity: 0;\n    }\n`;\n\nexport const StyledSliderRail = styled.div`\n\tborder-radius: 5px;\n\toverflow: hidden;\n\tposition: absolute;\n\twidth: 100%;\n`;\n\nexport const StyledSliderTick = styled.div`\n\tbackground-color: #272f3c;\n\tmargin-left: -0.5px;\n\tposition: absolute;\n\twidth: 1px;\n\n\t&:after {\n\t\tbackground-color: #6b778d;\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\twidth: 1px;\n\t\tz-index: 1;\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\tbackground-color: #b3bfd3;\n\t\tmargin-top: 30px;\n\n\t\t&:after {\n\t\t\theight: 10px;\n\t\t\tbackground-color: #e3e3e3;\n\t\t}\n\t}\n`;\n\nexport const StyledSliderTickValue = styled.div.attrs({\n\tclassName: 'text-style-md-semibold',\n})`\n\tcolor: ${(props) => props.theme.colors.secondText};\n\tposition: absolute;\n\ttext-align: center;\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\tcolor: ${(props) => props.theme.colors.text};\n\t}\n`;\n\nexport const StyledSliderTicks = styled.div`\n\toverflow: hidden;\n`;\n\nexport const StyledSliderTrack = styled.div`\n\tborder-radius: 0 5px 5px 0;\n\tcursor: pointer;\n\tposition: absolute;\n\tz-index: 1;\n`;\n\nexport const SliderStyles = () => {\n\tconst tickValueMarginTop = 5;\n\tconst tickValueLineHeight = 1.3;\n\tconst trackHeight = {\n\t\tbigScreen: 10,\n\t\tdefault: 8,\n\t};\n\tconst tickSpaceTop = {\n\t\tbigScreen: 10,\n\t\tdesktop: 5,\n\t\ttablet: 5,\n\t\theight550: 5,\n\t};\n\tconst tickSpaceBottom = {\n\t\tbigScreen: 15,\n\t\tdesktop: 10,\n\t\ttablet: 10,\n\t\theight550: 10,\n\t};\n\tconst tickHeight = {\n\t\tbigScreen: 40,\n\t\tdesktop: 30,\n\t\theight550: 20,\n\t};\n\tconst handleSize = {\n\t\tbigScreen: 67,\n\t\tdesktop: 50,\n\t\ttablet: 45,\n\t\theight550: 35,\n\t};\n\tconst handleValueSize = {\n\t\tbigScreen: 42 + 7 + 3,\n\t\tdesktop: 38 + 7 + 3,\n\t\ttablet: 30 + 7 + 3,\n\t};\n\tconst getTickMarginTop = (fontSize, space) =>\n\t\tcalcStyle({\n\t\t\ta: space + tickValueMarginTop,\n\t\t\tb: calcStyle({\n\t\t\t\ta: fontSize,\n\t\t\t\tb: tickValueLineHeight,\n\t\t\t\tmode: '*',\n\t\t\t}),\n\t\t});\n\tconst getHandleMarginTop = (trackMarginTop, trackSize, handleSize) =>\n\t\tcalcStyle({\n\t\t\ta: trackMarginTop,\n\t\t\tb: (handleSize - trackSize) / 2,\n\t\t\tmode: '-',\n\t\t});\n\tconst getDefault = (\n\t\tprops,\n\t\tfont,\n\t\ttickHeight,\n\t\ttickSpaceTop,\n\t\ttickSpaceBottom,\n\t\thandleSize,\n\t\ttrackHeight,\n\t\thandleValueTop,\n\t) => {\n\t\tconst tickMarginTop = getTickMarginTop(font, tickSpaceTop);\n\t\tconst trackMarginTop = calcStyle({\n\t\t\ta: tickMarginTop,\n\t\t\tb: tickHeight + tickSpaceBottom,\n\t\t});\n\t\tconst handleMarginTop = getHandleMarginTop(\n\t\t\ttrackMarginTop,\n\t\t\ttrackHeight,\n\t\t\thandleSize,\n\t\t);\n\t\tconst sliderHeight = calcStyle({\n\t\t\ta: handleMarginTop,\n\t\t\tb: handleSize,\n\t\t});\n\t\treturn css`\n\t\t\theight: ${sliderHeight};\n\n\t\t\t${StyledSliderTick} {\n\t\t\t\theight: ${tickHeight}px;\n\t\t\t\tmargin-top: ${tickMarginTop};\n\t\t\t}\n\n\t\t\t${StyledSliderTrack},\n\t\t\t${StyledSliderRail} {\n\t\t\t\tmargin-top: ${trackMarginTop};\n\t\t\t}\n\n\t\t\t${StyledSliderHandleWrapper} {\n\t\t\t\tmargin-top: ${handleMarginTop};\n\t\t\t\tmargin-left: -${handleSize / 2}px;\n\t\t\t}\n\n\t\t\t${StyledSliderHandle} {\n\t\t\t\twidth: ${handleSize}px;\n\t\t\t\theight: ${handleSize}px;\n\t\t\t}\n\n\t\t\t${StyledSliderHandleValue} {\n\t\t\t\ttop: -${handleValueTop}px;\n\t\t\t\twidth: ${handleSize + 4}px;\n\t\t\t}\n\n\t\t\t${StyledSwitchSwoosh} {\n\t\t\t\t/* native width of swoosh: 225px, native height of swoosh: 155px*/\n\t\t\t\tleft: -${(225 - handleSize) / 2 + 4}px;\n\t\t\t\ttop: -${(handleSize * 1.8 - handleSize) / 1.5}px;\n\n\t\t\t\t> div {\n\t\t\t\t\theight: ${handleSize * 1.8}px!important;\n\t\t\t\t}\n\t\t\t}\n\t\t`;\n\t};\n\treturn css`\n\t\t${(props) =>\n\t\t\tgetDefault(\n\t\t\t\tprops,\n\t\t\t\tprops.theme.text.size.bigScreen,\n\t\t\t\ttickHeight.bigScreen,\n\t\t\t\ttickSpaceTop.bigScreen,\n\t\t\t\ttickSpaceBottom.bigScreen,\n\t\t\t\thandleSize.bigScreen,\n\t\t\t\ttrackHeight.bigScreen,\n\t\t\t\thandleValueSize.bigScreen,\n\t\t\t)}\n\n\t\t${StyledSliderTickValue} {\n\t\t\tmargin-top: ${tickValueMarginTop}px;\n\t\t\tline-height: ${tickValueLineHeight};\n\t\t\t${(props) =>\n\t\t\t\tfontSize({\n\t\t\t\t\tsizeBigScreen: props.theme.text.size.bigScreen,\n\t\t\t\t\timportant: true,\n\t\t\t\t})};\n\t\t}\n\n\t\t${StyledSliderTick} {\n\t\t\t&:after {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\t${StyledSliderTrack},\n\t\t${StyledSliderRail} {\n\t\t\theight: ${trackHeight.bigScreen}px;\n\t\t}\n\n\t\t@media (max-width: ${(props) => props.theme.media.maxWidthDesktop}) {\n\t\t\t${(props) =>\n\t\t\t\tgetDefault(\n\t\t\t\t\tprops,\n\t\t\t\t\tprops.theme.text.size.desktop,\n\t\t\t\t\ttickHeight.desktop,\n\t\t\t\t\ttickSpaceTop.desktop,\n\t\t\t\t\ttickSpaceBottom.desktop,\n\t\t\t\t\thandleSize.desktop,\n\t\t\t\t\ttrackHeight.bigScreen,\n\t\t\t\t\thandleValueSize.desktop,\n\t\t\t\t)}\n\n\t\t\t${StyledSliderTick} {\n\t\t\t\t&:after {\n\t\t\t\t\theight: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: ${(props) => props.theme.media.maxWidthTablet}) {\n\t\t\t${(props) =>\n\t\t\t\tgetDefault(\n\t\t\t\t\tprops,\n\t\t\t\t\tprops.theme.text.size.default,\n\t\t\t\t\ttickHeight.desktop,\n\t\t\t\t\ttickSpaceTop.tablet,\n\t\t\t\t\ttickSpaceBottom.tablet,\n\t\t\t\t\thandleSize.tablet,\n\t\t\t\t\ttrackHeight.default,\n\t\t\t\t\thandleValueSize.tablet,\n\t\t\t\t)}\n\n\t\t\t${StyledSliderTrack},\n\t\t\t${StyledSliderRail} {\n\t\t\t\theight: ${trackHeight.default}px;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-height: 550px) {\n\t\t\t${(props) =>\n\t\t\t\tgetDefault(\n\t\t\t\t\tprops,\n\t\t\t\t\tprops.theme.text.size.default,\n\t\t\t\t\ttickHeight.height550,\n\t\t\t\t\ttickSpaceTop.height550,\n\t\t\t\t\ttickSpaceBottom.height550,\n\t\t\t\t\thandleSize.height550,\n\t\t\t\t\ttrackHeight.default,\n\t\t\t\t\thandleValueSize.tablet,\n\t\t\t\t)}\n\t\t}\n\t`;\n};\n\nexport const StyledSliderWrapper = styled(Slider)<{\n\t$rangeMode?: SliderRangeMode;\n\t$switchAnimation?: boolean;\n\t$handlePosition?: number;\n}>`\n\theight: 110px;\n\tmargin: auto;\n\tposition: relative;\n\t${SliderStyles()}\n\n\t${StyledSliderTrack} {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.$rangeMode === SliderRangeMode.DEFAULT\n\t\t\t\t? props.theme.colors.negative\n\t\t\t\t: props.theme.colors.positive};\n\n\t\t&:nth-of-type(even) {\n\t\t\tbackground-color: unset;\n\t\t}\n\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t}\n\t}\n\n\t${StyledSliderRail} {\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.$rangeMode === SliderRangeMode.DEFAULT\n\t\t\t\t? props.theme.colors.positive\n\t\t\t\t: props.theme.colors.negative};\n\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t}\n\t}\n\n\t${(props) =>\n\t\tprops.$switchAnimation\n\t\t\t? css`\n\t\t\t\t\t${StyledSliderHandle} {\n\t\t\t\t\t\tanimation: ${HandleRotate} 0.2s ease-in-out 1;\n\t\t\t\t\t}\n\n\t\t\t\t\t${props.$rangeMode === SliderRangeMode.DEFAULT\n\t\t\t\t\t\t? StyledSliderRail\n\t\t\t\t\t\t: StyledSliderTrack} {\n\t\t\t\t\t\tanimation: ${BarSwitchAnimation} 0.25s ease-in-out 1;\n\t\t\t\t\t\toverflow: hidden;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tanimation-duration: 0.25s;\n\t\t\t\t\t\t\tanimation-fill-mode: forwards;\n\t\t\t\t\t\t\tanimation-iteration-count: 1;\n\t\t\t\t\t\t\tanimation-name: ${BarSwitchSlideAnimation};\n\t\t\t\t\t\t\tanimation-timing-function: ease-in-out;\n\t\t\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\t\t\tbox-shadow: 0 0 15px 15px #fff;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t\tleft: ${props.$rangeMode === SliderRangeMode.DEFAULT\n\t\t\t\t\t\t\t\t? `${props.$handlePosition}%`\n\t\t\t\t\t\t\t\t: '0'};\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\ttransform: rotateZ(\n\t\t\t\t\t\t\t\t${props.$rangeMode === SliderRangeMode.DEFAULT ? '-' : ''}45deg\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\twidth: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t  `\n\t\t\t: ''};\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\t${(props) =>\n\t\t\tprops.$rangeMode === SliderRangeMode.DEFAULT\n\t\t\t\t? css`\n\t\t\t\t\t\t${StyledSliderRail} {\n\t\t\t\t\t\t\tbackground-color: ${props.theme.colors.positiveLight};\n\t\t\t\t\t\t}\n\t\t\t\t  `\n\t\t\t\t: css`\n\t\t\t\t\t\t${StyledSliderTrack} {\n\t\t\t\t\t\t\tbackground-color: ${props.theme.colors.positiveLight};\n\t\t\t\t\t\t}\n\t\t\t\t  `};\n\t}\n`;\n","import React, { FC, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOnMount } from '@common/hooks/useOnMount';\nimport swoosh from '../../../../../public/img/dice/switch-swoosh.json';\nimport { LottieWrapper } from '../../LottieWrapper';\nimport { LottieIds } from '../../LottieWrapper/Lottie.ids';\n\nexport const SWOOSH_DURATION = 500;\n\nexport const SwitchSwoosh: FC = () => {\n\tconst timeoutRef = useRef(null);\n\tconst [finished, setFinished] = useState<boolean>(false);\n\n\tuseOnMount(() => {\n\t\tif (timeoutRef.current) {\n\t\t\treturn;\n\t\t}\n\t\ttimeoutRef.current = setTimeout(() => {\n\t\t\tsetFinished(true);\n\t\t}, SWOOSH_DURATION);\n\n\t\treturn () => {\n\t\t\tif (timeoutRef.current) {\n\t\t\t\tclearTimeout(timeoutRef.current);\n\t\t\t}\n\t\t};\n\t});\n\n\tif (finished) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyledSwitchSwoosh>\n\t\t\t<LottieWrapper dataname={LottieIds.SWOOSH} json={swoosh} />\n\t\t</StyledSwitchSwoosh>\n\t);\n};\n\nexport const StyledSwitchSwoosh = styled.div`\n\theight: 100%;\n\tposition: absolute;\n\twidth: 225px;\n`;\n","import React, { FC, useCallback } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport ReactCompoundSlider from 'react-compound-slider';\nimport { borderRadius } from '@legacyApp/client/modules/style/defaults';\nimport { fontSize } from '@legacyApp/client/modules/style/mixins/fontSize';\nimport { Sounds } from '@common/constants/config/sounds';\nimport { roundNumber } from '@common/methods/roundNumber/roundNumber';\nimport { parseImageSrc } from '../../default/Image/Image';\nimport audioService from '../../../../LegacyApp/client/modules/app/audioService';\nimport { SwitchSwoosh } from './SwitchSwoosh';\n\nexport interface HandleProps {\n\tpercent: number;\n\tid: string;\n\tgetHandleProps: ReactCompoundSlider.HandlesObject['getHandleProps'];\n\tanimation?: boolean;\n\thideValue?: boolean;\n\tvalue: number;\n}\n\nexport const Handle: FC<HandleProps> = ({\n\tpercent,\n\tid,\n\tgetHandleProps,\n\tanimation,\n\thideValue,\n\tvalue,\n}) => {\n\tconst onMouseEnter = useCallback(() => {\n\t\tif (hideValue) {\n\t\t\taudioService.play(Sounds['handle-hover'], false, 0.08);\n\t\t}\n\t}, [hideValue]);\n\n\treturn (\n\t\t<StyledSliderHandleWrapper\n\t\t\tdata-id={id}\n\t\t\tstyle={{\n\t\t\t\ttransform: `translateX(${percent}%)`,\n\t\t\t}}\n\t\t\t{...getHandleProps(id)}\n\t\t>\n\t\t\t{animation && <SwitchSwoosh />}\n\t\t\t<StyledSliderHandle onMouseEnter={onMouseEnter} $active={!hideValue}>\n\t\t\t\t<StyledSliderHandleValue\n\t\t\t\t\tclassName=\"text-style-md-semibold\"\n\t\t\t\t\t$hide={hideValue}\n\t\t\t\t>\n\t\t\t\t\t{roundNumber(value, 2)}\n\t\t\t\t</StyledSliderHandleValue>\n\t\t\t</StyledSliderHandle>\n\t\t</StyledSliderHandleWrapper>\n\t);\n};\n\nexport const glowBackgroundColor = '#00ce19';\nexport const glowShadowColor = '#0ce827';\nexport const glowBorderColor = '#0aef26';\n\nconst sliderHandleGlow = css`\n\tbackground-color: ${glowBackgroundColor}!important;\n\tborder: 3px solid ${glowBorderColor};\n\tbox-shadow: 0 0 35px ${glowShadowColor}!important;\n`;\n\nexport const StyledSliderHandle = styled.div<{\n\t$active?: boolean;\n}>`\n\talign-items: center;\n\tbackground-color: ${(props) => props.theme.colors.positive};\n\tborder: 3px solid transparent;\n\tbox-shadow: 0 0 9px 0 ${rgba('#0c4112', 0.7)};\n\t${borderRadius};\n\tcolor: ${(props) => props.theme.colors.text};\n\tcursor: pointer;\n\tdisplay: flex;\n\tjustify-content: center;\n\toutline: none;\n\tpointer-events: all;\n\ttext-align: center;\n\ttransition: ${(props) => props.theme.layout.transition};\n\n\t${(props) => (props.$active ? sliderHandleGlow : '')}\n\t&:hover {\n\t\t${sliderHandleGlow}\n\t}\n\n\t&:before {\n\t\tbackground-image: url(${parseImageSrc('/img/icons/grip-lines.svg')});\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\tcontent: '';\n\t\tdisplay: inline-block;\n\t\theight: 18px;\n\t\tleft: 50%;\n\t\tposition: relative;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\tbackground-color: ${(props) => props.theme.colors.positiveLight};\n\t}\n`;\nexport const StyledSliderHandleWrapper = styled.div`\n\tborder: 0;\n\tmargin-left: -22.5px;\n\tpointer-events: none;\n\tposition: absolute;\n\twidth: 100%;\n\tz-index: 2;\n`;\n\nexport const StyledSliderHandleValue = styled.div<{\n\t$hide?: boolean;\n}>`\n\tline-height: 2;\n\t${borderRadius};\n\topacity: ${(props) => (props.$hide ? '0' : '1')};\n\tposition: absolute;\n\t${(props) =>\n\t\tfontSize({\n\t\t\tsizeBigScreen: props.theme.text.size.bigScreen,\n\t\t\timportant: true,\n\t\t})}\n\t${sliderHandleGlow}\n\t&:after {\n\t\tborder-left: 7px solid transparent;\n\t\tborder-right: 7px solid transparent;\n\t\tborder-top: 7px solid ${glowBorderColor};\n\t\tbottom: -10px;\n\t\tbox-shadow: none;\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\theight: 0;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\ttransform: translateX(-50%);\n\t\twidth: 0;\n\t}\n`;\n","import React, { FC } from 'react';\nimport { TracksObject } from 'react-compound-slider/dist/types/Tracks/types';\nimport { StyledSliderTrack } from './Slider.styled';\n\nexport interface TrackProps {\n\tsourcePercent: number;\n\ttargetPercent: number;\n\tsliderMargin: number;\n\tgetTrackProps: TracksObject['getTrackProps'];\n}\n\nexport const Track: FC<TrackProps> = ({\n\tsourcePercent,\n\ttargetPercent,\n\tsliderMargin,\n\tgetTrackProps,\n}) => {\n\treturn (\n\t\t<StyledSliderTrack\n\t\t\tstyle={{\n\t\t\t\tleft: `${sourcePercent}%`,\n\t\t\t\twidth: `${targetPercent - sourcePercent + sliderMargin}%`,\n\t\t\t}}\n\t\t\t{...getTrackProps()} // this will set up events if you want it to be clickable (optional)\n\t\t/>\n\t);\n};\n","import React, { FC } from 'react';\nimport { StyledSliderTick, StyledSliderTickValue } from './Slider.styled';\n\nconst WIDTH = 5;\n\nexport interface TickProps {\n\tvalue: number;\n\tpercent: number;\n}\n\nexport const Tick: FC<TickProps> = ({ value, percent }) => {\n\treturn (\n\t\t<div>\n\t\t\t<StyledSliderTickValue\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: `${WIDTH}%`,\n\t\t\t\t\tleft: `${percent}%`,\n\t\t\t\t\tmarginLeft: `${-WIDTH / 2}%`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{value}\n\t\t\t</StyledSliderTickValue>\n\t\t\t<StyledSliderTick\n\t\t\t\tstyle={{\n\t\t\t\t\tleft: `${percent}%`,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n","import React, {\n\tFC,\n\tReactNode,\n\tuseCallback,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactCompoundSlider, {\n\tHandles,\n\tRail,\n\tTicks,\n\tTracks,\n} from 'react-compound-slider';\nimport { TracksObject } from 'react-compound-slider/dist/types/Tracks/types';\nimport { RepeatAnimationClass } from '@legacyApp/client/modules/app/animationService';\nimport { isFunction } from '@common/methods/isFunction';\nimport { countPrecision } from '@legacyApp/methods/math/countPrecision';\nimport { isTrueOrZero } from '@common/methods/isTrueOrZero';\nimport { Sounds } from '@common/constants/config/sounds';\nimport { roundNumber } from '@common/methods/roundNumber/roundNumber';\nimport transactionService from '../../../../modules/transactions/transactionsService';\nimport audioService from '../../../../LegacyApp/client/modules/app/audioService';\nimport { Handle } from './handle';\nimport { Track } from './track';\nimport { Tick } from './tick';\nimport {\n\tStyledSliderRail,\n\tStyledSliderTicks,\n\tStyledSliderWrapper,\n} from './Slider.styled';\nimport { SWOOSH_DURATION } from './SwitchSwoosh';\nimport { getChangedValueIndexFromArray } from './methods/getChangedValueIndexFromArray';\n\nlet LAST_SLIDER_SOUND_VALUE: number = null;\nlet SLIDER_ACTIVE: string = null;\nconst SLIDER_MARGIN = 1;\n\nexport enum SliderRangeMode {\n\tDEFAULT = 0,\n\tOPPOSITE = 1,\n\tNO_RANGE = 2,\n}\n\nexport interface SliderProps {\n\tminDisplay: number;\n\tmaxDisplay: number;\n\tvalues: ReadonlyArray<number>;\n\tstep: number;\n\tticks: number | Array<number>;\n\trangeMode: SliderRangeMode;\n\tsoundActive: boolean;\n\tonChange: (values: ReadonlyArray<number>, index: number) => void;\n\tdisableHandleValue?: boolean;\n\trailChildren: ReactNode;\n\tanimation: boolean;\n\tvalidate?: (\n\t\tvaluesArray: ReadonlyArray<number>,\n\t\tvalue: number,\n\t\tindex: number,\n\t) => number;\n\tonLockChange?: (isLocked: boolean) => void;\n}\n\nexport const Slider: FC<SliderProps> = ({\n\trangeMode,\n\tstep,\n\tvalues,\n\tminDisplay,\n\tmaxDisplay,\n\tticks,\n\tsoundActive,\n\tonChange,\n\tdisableHandleValue,\n\trailChildren,\n\tanimation,\n\tvalidate,\n\tonLockChange,\n}) => {\n\tconst switchAnimationClass = useRef(\n\t\tnew RepeatAnimationClass(SWOOSH_DURATION),\n\t);\n\tconst onChangeTimeout = useRef(null);\n\n\tconst [activeHandleId, setActiveHandleId] = useState<string>(null);\n\tconst [rootWidth, setRootWidth] = useState('unset');\n\tconst [rootMarginLeft, setRootMarginLeft] = useState('unset');\n\tconst [railWidth, setRailWidth] = useState('unset');\n\tconst [railMarginLeft, setRailMarginLeft] = useState('unset');\n\tconst [mode] = useState<ReactCompoundSlider.SliderProps['mode']>(2);\n\tconst [metrics, setMetrics] = useState([]);\n\tconst [sliderMargin, setSliderMargin] = useState(SLIDER_MARGIN);\n\tconst [values_, setValues] = useState<ReadonlyArray<number>>([]);\n\tconst [domain, setDomain] = useState([minDisplay, maxDisplay]);\n\tconst [switchAnimation, setSwitchAnimation] = useState(false);\n\n\tconst setDomain_ = useCallback(() => {\n\t\tsetDomain([minDisplay, maxDisplay]);\n\t}, [minDisplay, maxDisplay]);\n\n\tconst setValues_ = useCallback(() => {\n\t\tsetValues(values);\n\t}, [values]);\n\n\tconst handleSwitchEffect = useCallback(() => {\n\t\tif (animation) {\n\t\t\tswitchAnimationClass.current.trigger(switchAnimation, setSwitchAnimation);\n\t\t}\n\t\taudioService.play(Sounds.switch, undefined, 0.15);\n\t}, [animation, switchAnimation]);\n\n\tconst setMetrics_ = useCallback(() => {\n\t\tif (typeof ticks === 'number') {\n\t\t\tconst metrics = [minDisplay];\n\t\t\tconst diff = (maxDisplay - minDisplay) / (ticks - 1);\n\t\t\tfor (let i = 0; i <= ticks - 1; i++) {\n\t\t\t\tmetrics.push(metrics[metrics.length - 1] + diff);\n\t\t\t}\n\t\t\tsetMetrics(metrics);\n\t\t\treturn;\n\t\t}\n\t\tsetMetrics(ticks);\n\t}, [maxDisplay, minDisplay, ticks]);\n\n\tconst setSliderMargin_ = useCallback(() => {\n\t\tif (typeof minDisplay === 'number' && typeof maxDisplay === 'number') {\n\t\t\tconst margin =\n\t\t\t\tSLIDER_MARGIN +\n\t\t\t\troundNumber(\n\t\t\t\t\t((maxDisplay - minDisplay) / (maxDisplay - minDisplay) - 1) * 50,\n\t\t\t\t\t4,\n\t\t\t\t);\n\t\t\tsetSliderMargin(margin);\n\t\t}\n\t}, [maxDisplay, minDisplay]);\n\n\tconst setRootWidth_ = useCallback(() => {\n\t\tsetRootWidth(`${100 - 2 * sliderMargin}%`);\n\t}, [sliderMargin]);\n\n\tconst setRailWidth_ = useCallback(() => {\n\t\tsetRailWidth(`${100 + 2 * sliderMargin}%`);\n\t}, [sliderMargin]);\n\n\tconst setRailMarginLeft_ = useCallback(() => {\n\t\tsetRailMarginLeft(`${-sliderMargin}%`);\n\t}, [sliderMargin]);\n\n\tconst setRootMarginLeft_ = useCallback(() => {\n\t\tsetRootMarginLeft(`${sliderMargin}%`);\n\t}, [sliderMargin]);\n\n\tconst validate_: SliderProps['validate'] = useCallback(\n\t\t(valuesArray, value, index) => {\n\t\t\tif (isFunction(validate)) {\n\t\t\t\treturn validate(valuesArray, value, index);\n\t\t\t}\n\t\t\treturn value;\n\t\t},\n\t\t[validate],\n\t);\n\n\tconst onChange_ = useCallback(\n\t\t(values: ReadonlyArray<number>, indexOfChangedValue: number) => {\n\t\t\t// console.log('onChange_ - 1',values);\n\t\t\tsetValues(values);\n\t\t\tif (onChangeTimeout.current) {\n\t\t\t\tclearTimeout(onChangeTimeout.current);\n\t\t\t}\n\t\t\tonChangeTimeout.current = setTimeout(() => {\n\t\t\t\tconst newValues = [...values];\n\t\t\t\tnewValues[indexOfChangedValue] = validate_(\n\t\t\t\t\tnewValues,\n\t\t\t\t\tnewValues[indexOfChangedValue],\n\t\t\t\t\tindexOfChangedValue,\n\t\t\t\t);\n\t\t\t\t// console.log('onChange_ - 2', indexOfChangedValue, values, newValues);\n\t\t\t\tsetValues(newValues);\n\t\t\t\tif (isFunction(onChange)) {\n\t\t\t\t\tonChange(newValues, indexOfChangedValue);\n\t\t\t\t}\n\t\t\t}, 100);\n\t\t},\n\t\t[onChange, validate_],\n\t);\n\n\tconst onUpdate = useCallback(\n\t\t(valuesArray: ReadonlyArray<number>, force?: boolean) => {\n\t\t\tconst precision = countPrecision(step);\n\n\t\t\tconst newValues = valuesArray\n\t\t\t\t.filter((value) => isTrueOrZero(value))\n\t\t\t\t.map((value) => roundNumber(value, precision));\n\t\t\tconst roundedValues_ = values_.map((value) =>\n\t\t\t\troundNumber(value, precision),\n\t\t\t);\n\n\t\t\tif (\n\t\t\t\t(!SLIDER_ACTIVE ||\n\t\t\t\t\t!transactionService.isListDifferent(newValues, roundedValues_)) &&\n\t\t\t\t!force\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst result = getChangedValueIndexFromArray(newValues, roundedValues_);\n\n\t\t\tconst indexOfChangedValue = result?.[0]?.index;\n\n\t\t\tif (!isTrueOrZero(indexOfChangedValue)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst values = [...values_];\n\t\t\tvalues[indexOfChangedValue] = valuesArray[indexOfChangedValue];\n\n\t\t\tonChange_(values, indexOfChangedValue);\n\n\t\t\tconst value = newValues[indexOfChangedValue];\n\n\t\t\tif (value === LAST_SLIDER_SOUND_VALUE) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tLAST_SLIDER_SOUND_VALUE = value;\n\t\t\tif (soundActive) {\n\t\t\t\taudioService.play(Sounds.slider);\n\t\t\t}\n\t\t},\n\t\t[onChange_, soundActive, step, values_],\n\t);\n\n\tconst onStart: ReactCompoundSlider.SliderProps['onSlideStart'] = useCallback(\n\t\t(values, data) => {\n\t\t\tSLIDER_ACTIVE = data.activeHandleID;\n\t\t\tif (isFunction(onLockChange)) {\n\t\t\t\tonLockChange(true);\n\t\t\t}\n\t\t\tconsole.log('SLIDER - onStart', values, data, SLIDER_ACTIVE);\n\t\t\tif (disableHandleValue) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetActiveHandleId(data.activeHandleID);\n\t\t},\n\t\t[disableHandleValue, onLockChange],\n\t);\n\n\tconst onEnd: ReactCompoundSlider.SliderProps['onSlideEnd'] = useCallback(\n\t\t(valuesArray) => {\n\t\t\tconsole.log('SLIDER - onEnd', valuesArray, values_, SLIDER_ACTIVE);\n\t\t\tif (transactionService.isListDifferent(values_, valuesArray)) {\n\t\t\t\tonUpdate(valuesArray, true);\n\t\t\t}\n\t\t\tSLIDER_ACTIVE = null;\n\t\t\tif (isFunction(onLockChange)) {\n\t\t\t\tonLockChange(false);\n\t\t\t}\n\t\t\tsetActiveHandleId(null);\n\t\t},\n\t\t[onLockChange, onUpdate, values_],\n\t);\n\n\tconst getRailChildren = useCallback(\n\t\t({ getRailProps }: ReactCompoundSlider.RailObject) => (\n\t\t\t<StyledSliderRail\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: railWidth,\n\t\t\t\t\tmarginLeft: railMarginLeft,\n\t\t\t\t}}\n\t\t\t\t{...getRailProps()}\n\t\t\t>\n\t\t\t\t{railChildren}\n\t\t\t</StyledSliderRail>\n\t\t),\n\t\t[railChildren, railMarginLeft, railWidth],\n\t);\n\n\tconst handlesChildren = useCallback(\n\t\t({ handles, getHandleProps }: ReactCompoundSlider.HandlesObject) => (\n\t\t\t<div>\n\t\t\t\t{handles.map((handle: ReactCompoundSlider.SliderItem) => (\n\t\t\t\t\t<Handle\n\t\t\t\t\t\tanimation={switchAnimation}\n\t\t\t\t\t\thideValue={activeHandleId !== handle.id || disableHandleValue}\n\t\t\t\t\t\tkey={handle.id}\n\t\t\t\t\t\tid={handle.id}\n\t\t\t\t\t\tpercent={handle.percent}\n\t\t\t\t\t\tvalue={handle.value}\n\t\t\t\t\t\tgetHandleProps={getHandleProps}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t),\n\t\t[disableHandleValue, activeHandleId, switchAnimation],\n\t);\n\n\tconst tracksChildren = useCallback(\n\t\t({ tracks, getTrackProps }: TracksObject) => (\n\t\t\t<div>\n\t\t\t\t{tracks.map(({ id, source, target }: ReactCompoundSlider.TrackItem) => (\n\t\t\t\t\t<Track\n\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\tsourcePercent={source.percent}\n\t\t\t\t\t\ttargetPercent={target.percent}\n\t\t\t\t\t\tsliderMargin={sliderMargin}\n\t\t\t\t\t\tgetTrackProps={getTrackProps}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t),\n\t\t[sliderMargin],\n\t);\n\n\tconst ticksChildren = useCallback(\n\t\t({ ticks }: ReactCompoundSlider.TicksObject) => (\n\t\t\t// get back ids, values and percents (to place them)\n\t\t\t<StyledSliderTicks>\n\t\t\t\t{ticks.map((tick) => (\n\t\t\t\t\t<Tick key={tick.id} percent={tick.percent} value={tick.value} />\n\t\t\t\t))}\n\t\t\t</StyledSliderTicks>\n\t\t),\n\t\t[],\n\t);\n\n\tuseEffect(() => {\n\t\thandleSwitchEffect();\n\t}, [rangeMode]);\n\n\tuseEffect(() => {\n\t\tsetRootWidth_();\n\t\tsetRootMarginLeft_();\n\t\tsetRailWidth_();\n\t\tsetRailMarginLeft_();\n\t}, [setRailMarginLeft_, setRailWidth_, setRootMarginLeft_, setRootWidth_]);\n\n\tuseEffect(() => {\n\t\tsetSliderMargin_();\n\t}, [setSliderMargin_]);\n\n\tuseEffect(() => {\n\t\tsetDomain_();\n\t}, [setDomain_]);\n\n\tuseEffect(() => {\n\t\tsetMetrics_();\n\t}, [setMetrics_]);\n\n\tuseEffect(() => {\n\t\tsetValues_();\n\t}, [setValues_]);\n\n\treturn (\n\t\t<StyledSliderWrapper\n\t\t\t$rangeMode={rangeMode}\n\t\t\t$switchAnimation={switchAnimation}\n\t\t\t$handlePosition={values?.[0]}\n\t\t\tmode={mode}\n\t\t\tstep={step}\n\t\t\tdomain={domain}\n\t\t\trootStyle={{\n\t\t\t\twidth: rootWidth,\n\t\t\t\tmarginLeft: rootMarginLeft,\n\t\t\t}}\n\t\t\tvalues={values_}\n\t\t\tonUpdate={onUpdate}\n\t\t\tonSlideStart={onStart}\n\t\t\tonSlideEnd={onEnd}\n\t\t>\n\t\t\t<Rail>{getRailChildren}</Rail>\n\t\t\t{!!values && <Handles>{handlesChildren}</Handles>}\n\t\t\t{rangeMode !== SliderRangeMode.NO_RANGE && rangeMode !== undefined && (\n\t\t\t\t<Tracks left={false}>{tracksChildren}</Tracks>\n\t\t\t)}\n\t\t\t{metrics && <Ticks values={metrics}>{ticksChildren}</Ticks>}\n\t\t</StyledSliderWrapper>\n\t);\n};\n","export const getChangedValueIndexFromArray = (\n\tprev: ReadonlyArray<number | string>,\n\tnext: ReadonlyArray<number | string>,\n): ReadonlyArray<{ value: number | string; index: number }> => {\n\treturn prev\n\t\t.map((value, index) => ({ value, index }))\n\t\t.filter((element) => {\n\t\t\treturn Number(element.value) !== Number(next[element.index]);\n\t\t});\n};\n","import styled, { css } from 'styled-components';\nimport { noclick } from '@legacyApp/client/modules/style/defaults';\nimport {\n\tStyledSliderRail,\n\tStyledSliderTick,\n\tStyledSliderTickValue,\n\tStyledSliderTrack,\n\tStyledSliderWrapper,\n} from '@common/components/games/Slider/Slider.styled';\nimport {\n\tStyledSliderHandle,\n\tStyledSliderHandleWrapper,\n} from '@common/components/games/Slider/handle';\nimport { dashboard_v2 } from '@legacyApp/client/modules/style/mixins/dashboard';\nimport { calcStyle } from '@legacyApp/client/modules/style/methods/calcStyle';\nimport { chatViewport } from '@legacyApp/client/modules/style/methods/chatViewport';\nimport { StyledGameSliderResult } from '../GameSliderResult/GameSliderResult.styled';\n\nexport interface StyledGameSliderProps {\n\t$disable?: boolean;\n\t$demo?: boolean;\n\t$isMobile?: boolean;\n\tclassName?: string;\n}\n\nconst demo = (props) => css`\n\toverflow: visible;\n\tpadding-bottom: 15px !important;\n\n\t${StyledGameSliderResult} {\n\t\ttop: -13px !important;\n\n\t\t@media (max-width: ${props.theme.media.maxWidthTablet}) {\n\t\t\ttop: 5px !important;\n\t\t}\n\n\t\t@media (min-width: ${props.theme.media\n\t\t\t\t.minWidthDesktop}) and (max-width: ${props.theme.media\n\t\t\t\t.maxWidthDesktop}) {\n\t\t\ttop: -4px !important;\n\t\t}\n\t}\n\n\t${StyledSliderWrapper} {\n\t\theight: 80px;\n\t}\n\n\t${StyledSliderRail},\n\t${StyledSliderTrack} {\n\t\tmargin-top: 50px;\n\t}\n\n\t${StyledSliderHandleWrapper} {\n\t\tmargin-left: -20.5px;\n\t\tmargin-top: 35px;\n\t}\n\n\t${StyledSliderHandle} {\n\t\theight: 40px;\n\t\twidth: 40px;\n\t}\n\n\t${StyledSliderTick} {\n\t\tbackground-color: #272f3c !important;\n\t\theight: 20px;\n\t\tmargin-top: 23px;\n\n\t\t&:after {\n\t\t\tbackground-color: #6b778d !important;\n\t\t\theight: 8px;\n\t\t}\n\t}\n\n\t${StyledSliderTickValue} {\n\t\tcolor: #4272b4 !important;\n\t\tmargin-top: 0;\n\t}\n`;\n\nexport const StyledGameSlider = styled.div.attrs<StyledGameSliderProps>({\n\tclassName: 'game-slider',\n})<StyledGameSliderProps>`\n\tfloat: left;\n\tposition: relative;\n\toverflow: hidden;\n\tpadding-bottom: 50px;\n\tmargin-bottom: -50px;\n\tpadding-top: 40px;\n\tmargin-top: -50px;\n\n\t${(props) =>\n\t\tprops.$disable\n\t\t\t? css`\n\t\t\t\t\t${noclick}\n\t\t\t\t\t${StyledSliderTrack},\n \t  ${StyledSliderRail} {\n\t\t\t\t\t\ttransition: none;\n\t\t\t\t\t}\n\t\t\t  `\n\t\t\t: ''}\n\n\t${(props) =>\n\t\tprops.$demo\n\t\t\t? demo(props)\n\t\t\t: css`\n\t\t\t\t\t${dashboard_v2(\n\t\t\t\t\t\t(padding) => css`\n\t\t\t\t\t\t\tpadding-left: ${padding};\n\t\t\t\t\t\t\tpadding-right: ${padding};\n\n\t\t\t\t\t\t\t${chatViewport(\n\t\t\t\t\t\t\t\t(viewportPadding) => css`\n\t\t\t\t\t\t\t\t\t@media (max-width: ${(props) =>\n\t\t\t\t\t\t\t\t\t\t\tcalcStyle({\n\t\t\t\t\t\t\t\t\t\t\t\ta: props.theme.media.maxWidthDesktop,\n\t\t\t\t\t\t\t\t\t\t\t\tb: viewportPadding,\n\t\t\t\t\t\t\t\t\t\t\t})}) {\n\t\t\t\t\t\t\t\t\t\twidth: calc(100% + ((5px + (${padding} / 2)) * 2));\n\t\t\t\t\t\t\t\t\t\tmargin-left: calc(((5px + (${padding} / 2)) * -1));\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t@media (min-width: ${(props) =>\n\t\t\t\t\t\t\t\t\t\t\tcalcStyle({\n\t\t\t\t\t\t\t\t\t\t\t\ta: props.theme.media.minWidthBigDesktop,\n\t\t\t\t\t\t\t\t\t\t\t\tb: viewportPadding,\n\t\t\t\t\t\t\t\t\t\t\t})}) {\n\t\t\t\t\t\t\t\t\t\twidth: calc(100% + ((25px + (${padding} / 2)) * 2));\n\t\t\t\t\t\t\t\t\t\tmargin-left: calc(((25px + (${padding} / 2)) * -1));\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t@media (min-width: ${(props) =>\n\t\t\t\t\t\t\t\t\t\t\tprops.theme.media.minWidthDesktop}) and (max-width: ${(\n\t\t\t\t\t\t\t\t\t\t\tprops,\n\t\t\t\t\t\t\t\t\t\t) =>\n\t\t\t\t\t\t\t\t\t\t\tcalcStyle({\n\t\t\t\t\t\t\t\t\t\t\t\ta: props.theme.media.maxWidthTablet,\n\t\t\t\t\t\t\t\t\t\t\t\tb: viewportPadding,\n\t\t\t\t\t\t\t\t\t\t\t})}) {\n\t\t\t\t\t\t\t\t\t\twidth: calc(100% + 90px); // 60 + 30\n\t\t\t\t\t\t\t\t\t\tmargin-left: -45px; // 60 - 15\n\t\t\t\t\t\t\t\t\t\tpadding-right: 60px;\n\t\t\t\t\t\t\t\t\t\tpadding-left: 60px;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t@media (max-width: ${(props) =>\n\t\t\t\t\t\t\t\t\t\t\tprops.theme.media.maxWidthTablet}) {\n\t\t\t\t\t\t\t\t\t\twidth: 100vw;\n\t\t\t\t\t\t\t\t\t\tmargin-left: -${padding};\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t  `}\n`;\n","import styled from 'styled-components';\nimport { borderRadius } from '@legacyApp/client/modules/style/defaults';\nimport { fontSize } from '@legacyApp/client/modules/style/mixins/fontSize';\nimport { StyledLottie } from '@common/components/LottieWrapper/Lottie.styled';\nimport { LottieIds } from '@common/components/LottieWrapper/Lottie.ids';\n\nexport const gameSliderResultTransition = 150;\n\nexport const StyledGameSliderResultBox = styled.div.attrs(() => ({\n\tclassName: 'game-slider--box',\n}))`\n\tfloat: left;\n\twidth: 97.7%;\n\tmargin-left: 1.15%;\n\tmargin-right: 1.15%;\n\theight: 1px;\n\tposition: relative;\n\tz-index: 3;\n\twill-change: transform;\n\topacity: ${(props) => (props.$show ? '1' : '0')};\n\ttransition: ${(props) =>\n\t\tprops.$disable\n\t\t\t? 'none'\n\t\t\t: `transform ${gameSliderResultTransition}ms ease-out 0s!important`};\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\twidth: calc(100% - 10px);\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthBigDesktop}) {\n\t\twidth: calc(100% - 13.5px);\n\t\tmargin-left: -3px;\n\t\tmargin-right: -3px;\n\t}\n`;\n\nexport const StyledGameSliderResult = styled.div.attrs(() => ({\n\tclassName: 'game-slider-result',\n}))`\n\tposition: absolute;\n\t${(props) =>\n\t\tfontSize({\n\t\t\tsizeBigScreen: props.theme.text.size.bigScreen,\n\t\t\timportant: true,\n\t\t})};\n\tbackground: #fff;\n\tcolor: ${(props) =>\n\t\tprops.$result === 'win'\n\t\t\t? props.theme.colors.positiveLight\n\t\t\t: props.$result === 'loss'\n\t\t\t? props.theme.colors.negative\n\t\t\t: '#000'};\n\tpadding: 10px 0;\n\ttext-align: center;\n\t${borderRadius};\n\twidth: 50px;\n\ttransform: translateX(-25px);\n\t/*box-shadow: 0 0 17px 0 #fff;*/\n\ttop: 20px;\n\n\t&:after {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tborder-left: 8px solid transparent;\n\t\tborder-right: 8px solid transparent;\n\t\tborder-top: 8px solid #fff;\n\t\tleft: 50%;\n\t\tbottom: -7px;\n\t\ttransform: translate3d(-50%, 0, 0);\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\ttop: 18px;\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthBigDesktop}) {\n\t\ttop: 29px;\n\t}\n\n\t@media (max-height: 550px) {\n\t\ttop: 11px;\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthDesktop}) {\n\t\twidth: 60px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tanimation-timing-function: linear;\n\t\theight: ${(props) => props.theme.layout.input.heightDesktop};\n\t}\n\n\t@media (min-width: ${(props) => props.theme.media.minWidthBigDesktop}) {\n\t\twidth: 70px;\n\t\theight: ${(props) => props.theme.layout.input.heightBigDesktop};\n\t}\n`;\n\nexport const StyledGameSliderResultStarsBox = styled.div`\n\tdisplay: flex;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 3;\n\n\t> div {\n\t\tposition: absolute;\n\t}\n\n\t${StyledLottie}[dataname=\"${LottieIds.GAME_RESULT_STAR_1}\"] {\n\t\tright: -24px;\n\t\ttop: -25px;\n\t}\n\n\t${StyledLottie}[dataname=\"${LottieIds.GAME_RESULT_STAR_2}\"] {\n\t\tleft: -17px;\n\t\ttop: 15px;\n\t}\n`;\n"],"names":["RepeatAnimationClass","delay","triggerDelay","this","disableTimeout","repeatTimeout","triggerTimeout","bool","callback","clearTimeout","setTimeout","LottieIds","GAME_RESULT_STAR_1","GAME_RESULT_STAR_2","FLASH_BET_ANIMATION","RAKE_BACK","VIP_ICON","SWOOSH","BONUS_CODE_CLAIM","StyledLottie","styled","props","$height","css","$width","LottieWrapper","Loadable","loader","HandleRotate","keyframes","$opposite","BarSwitchAnimation","theme","colors","positive","BarSwitchSlideAnimation","$handlePosition","StyledSliderRail","StyledSliderTick","media","minWidthDesktop","StyledSliderTickValue","className","secondText","text","StyledSliderTicks","StyledSliderTrack","StyledSliderWrapper","Slider","trackHeight","tickSpaceTop","tickSpaceBottom","tickHeight","handleSize","handleValueSize","getDefault","font","handleValueTop","fontSize","space","tickMarginTop","calcStyle","a","b","mode","trackMarginTop","handleMarginTop","trackSize","getHandleMarginTop","sliderHeight","StyledSliderHandleWrapper","StyledSliderHandle","StyledSliderHandleValue","StyledSwitchSwoosh","size","bigScreen","sizeBigScreen","important","maxWidthDesktop","desktop","maxWidthTablet","SliderStyles","$rangeMode","SliderRangeMode","negative","$switchAnimation","positiveLight","SWOOSH_DURATION","SwitchSwoosh","timeoutRef","useRef","useState","finished","setFinished","useOnMount","current","dataname","json","swoosh","Handle","percent","id","getHandleProps","animation","hideValue","value","onMouseEnter","useCallback","audioService","Sounds","style","transform","$active","$hide","roundNumber","glowBorderColor","sliderHandleGlow","rgba","borderRadius","layout","transition","parseImageSrc","Track","sourcePercent","targetPercent","sliderMargin","getTrackProps","left","width","Tick","marginLeft","LAST_SLIDER_SOUND_VALUE","SLIDER_ACTIVE","rangeMode","step","values","minDisplay","maxDisplay","ticks","soundActive","onChange","disableHandleValue","railChildren","validate","onLockChange","switchAnimationClass","onChangeTimeout","activeHandleId","setActiveHandleId","rootWidth","setRootWidth","rootMarginLeft","setRootMarginLeft","railWidth","setRailWidth","railMarginLeft","setRailMarginLeft","metrics","setMetrics","setSliderMargin","values_","setValues","domain","setDomain","switchAnimation","setSwitchAnimation","setDomain_","setValues_","handleSwitchEffect","trigger","undefined","setMetrics_","diff","i","push","length","setSliderMargin_","margin","setRootWidth_","setRailWidth_","setRailMarginLeft_","setRootMarginLeft_","validate_","valuesArray","index","isFunction","onChange_","indexOfChangedValue","newValues","onUpdate","force","precision","countPrecision","filter","isTrueOrZero","map","roundedValues_","transactionService","next","result","element","Number","onStart","data","activeHandleID","onEnd","getRailChildren","getRailProps","handlesChildren","handles","handle","tracksChildren","tracks","source","target","ticksChildren","tick","useEffect","rootStyle","onSlideStart","onSlideEnd","NO_RANGE","StyledGameSlider","$disable","noclick","$demo","StyledGameSliderResult","demo","dashboard_v2","padding","chatViewport","viewportPadding","minWidthBigDesktop","gameSliderResultTransition","StyledGameSliderResultBox","$show","$result","input","heightDesktop","heightBigDesktop","StyledGameSliderResultStarsBox"],"mappings":"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","debug_id":"c3a74a2c-b4d8-531f-b381-f18c965980a8"}