npm - @salutejs/plasma-new-hope - Versions diffs - 0.173.0-canary.1452.11459530697.0 → 0.173.0-canary.1488.11458822191.0 - Mend

@salutejs/plasma-new-hope 0.173.0-canary.1452.11459530697.0 → 0.173.0-canary.1488.11458822191.0

Files changed (313) hide show

package/es/components/Slider/components/Single/Single.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber, noop } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n labelContent,\n sliderAlign = 'left',\n showScale,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'top',\n rangeValuesPlacement: rangeValuesPlacementOld,\n scaleAlign = 'bottom',\n multipleStepSize = 10,\n defaultValue,\n size = 'm',\n name,\n pointerSize = 'small',\n orientation = 'horizontal',\n reversed,\n labelReversed,\n ...rest\n}) => {\n const isVertical = orientation === 'vertical';\n\n const [state, setState] = useState({\n handlePosition: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const innerValue = value ?? defaultValue ?? min;\n const [dragValue, setDragValue] = useState(innerValue);\n\n const { stepSize } = state;\n\n const innerShowScale = showRangeValues \|\| showScale;\n\n const hasLabelContent =\n Boolean(label \|\| labelContentLeft \|\| labelContent) && (!isVertical \|\| (isVertical && sliderAlign !== 'none'));\n const labelPlacementClass =\n !isVertical && (labelPlacement === 'outer' \|\| labelPlacement === 'top')\n ? classes.labelPlacementOuter\n : classes.labelPlacementInner;\n\n const rangeValuesPlacement = rangeValuesPlacementOld === 'outer' \|\| scaleAlign === 'bottom' ? 'outer' : 'inner';\n const scaleAlignClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n\n const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n const verticalOrientationClass = orientation === 'vertical' ? classes.verticalOrientation : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const visibleValue = reversed ? max - dragValue + min : dragValue;\n const localValue = Math.min(Math.max(visibleValue, min), max) - min;\n\n if (!isVertical && rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else if (isVertical && innerShowScale && sliderAlign !== 'center') {\n setStartOffset(12);\n setEndOffset(12);\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [\n dragValue,\n innerShowScale,\n labelPlacement,\n stepSize,\n rangeValuesPlacement,\n min,\n max,\n isVertical,\n reversed,\n // для перерасчета размеров\n sliderAlign,\n size,\n ]);\n\n const setStepSize = useCallback((newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n }, []);\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n const newHandlePosition = isVertical ? data.y : data.x;\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandlePosition,\n }));\n\n if (onChange) {\n if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = useCallback(\n (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: isVertical ? data.lastY : data.lastX,\n railFillWidth: isVertical ? data.lastY : data.lastX,\n }));\n\n setDragValue(newValue);\n },\n [isVertical, min, max, reversed],\n );\n\n const labelVerticalPlacement = reversed ? 'bottom' : 'top';\n const valuePlacement = sliderAlign === 'right' ? 'left' : 'right';\n const settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];\n\n return (\n <SingleWrapper\n className={cx(\n labelPlacementClass,\n scaleAlignClass,\n verticalOrientationClass,\n sliderAlign === 'right' && classes.labelAlignLeft,\n (sliderAlign === 'center' \|\| sliderAlign === 'none') && classes.labelAlignCenter,\n sliderAlign === 'left' && classes.labelAlignRight,\n labelVerticalPlacement === 'bottom' && classes.labelPlacementBottom,\n labelReversed && classes.labelContentReversed,\n )}\n >\n {hasLabelContent && (\n <LabelWrapper>\n {(labelContentLeft \|\| labelContent) && <LabelContent>{labelContent}</LabelContent>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper\n className={cx(\n !isVertical && rangeValuesPlacement === 'outer' && classes.rangeValuesPlacementOuter,\n !isVertical && rangeValuesPlacement !== 'outer' && classes.rangeValuesPlacementInner,\n verticalOrientationClass,\n )}\n >\n {innerShowScale && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {reversed ? max : min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n size={size}\n sliderAlign={sliderAlign}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={settings}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n orientation={orientation}\n {...rest}\n >\n <Handler\n size={pointerSize}\n orientation={orientation}\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n position={state.handlePosition}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n valuePlacement={valuePlacement}\n />\n </SliderBase>\n {innerShowScale && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {reversed ? min : max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n {...noop}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","labelContent","_ref$sliderAlign","sliderAlign","showScale","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","rangeValuesPlacementOld","rangeValuesPlacement","_ref$scaleAlign","scaleAlign","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","_ref$pointerSize","pointerSize","_ref$orientation","orientation","reversed","labelReversed","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","handlePosition","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","innerValue","_useState7","_useState8","dragValue","setDragValue","innerShowScale","hasLabelContent","Boolean","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","scaleAlignClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","verticalOrientationClass","verticalOrientation","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","visibleValue","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newValue","round","newHandlePosition","y","x","target","onHandleChangeCommitted","lastY","lastX","labelVerticalPlacement","valuePlacement","settings","sizeData","React","createElement","SingleWrapper","className","cx","labelAlignLeft","labelAlignCenter","labelAlignRight","labelPlacementBottom","labelContentReversed","LabelWrapper","LabelContent","Label","SliderBaseWrapper","StyledRangeValue","ref","SliderBase","_extends","Handler","position","maxRangeValue","InputHidden","type","datatype","noop"],"mappings":"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"}
1	+ {"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber, noop } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n Label,\n LabelContentLeft,\n LabelWrapper,\n SingleWrapper,\n SliderBaseWrapper,\n StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'outer',\n rangeValuesPlacement = 'outer',\n multipleStepSize = 10,\n defaultValue,\n size = 'm',\n name,\n ...rest\n}) => {\n const [state, setState] = useState({\n xHandle: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value ?? defaultValue ?? min);\n\n const { stepSize } = state;\n\n const hasLabelContent = label \|\| labelContentLeft;\n const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n const rangeValuesPlacementClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(dragValue, min), max) - min;\n\n if (rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newHandleXPosition = data.x;\n const newValue = Math.round(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandleXPosition,\n }));\n\n if (onChange) {\n if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n const newValue = Math.round(handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: data.lastX,\n railFillWidth: data.lastX,\n }));\n\n setDragValue(newValue);\n };\n\n return (\n <SingleWrapper className={labelPlacementClass}>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper className={rangeValuesPlacementClass}>\n {showRangeValues && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n {...rest}\n >\n <Handler\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n xPosition={state.xHandle}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n />\n </SliderBase>\n {showRangeValues && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n {...noop}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","target","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue","InputHidden","type","datatype","noop"],"mappings":"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"}

package/es/components/Slider/components/Single/Single.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Single.styles_1h7n2s2.css';
+import './Single.styles_1r9f1e0.css';
 import { styled } from '@linaria/react';
 var LabelWrapper = /*#__PURE__*/styled('div')({
@@ -6,8 +6,8 @@ var LabelWrapper = /*#__PURE__*/styled('div')({
   "class": "l1p4kc08",
   propsAsIs: false
 });
-var LabelContent = /*#__PURE__*/styled('div')({
-  name: "LabelContent",
+var LabelContentLeft = /*#__PURE__*/styled('div')({
+  name: "LabelContentLeft",
   "class": "ly2gexi",
   propsAsIs: false
 });
@@ -32,5 +32,5 @@ var SingleWrapper = /*#__PURE__*/styled('div')({
   propsAsIs: false
 });
-export { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue };
+export { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue };
 //# sourceMappingURL=Single.styles.js.map

package/es/components/Slider/components/Single/Single.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const ~~LabelContent~~ = styled.div`\n ~~display: inline-flex;\n`;\n~~\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.~~valueFontFamily~~});\n font-size: var(${tokens.~~valueFontSize~~});\n font-style: var(${tokens.~~valueFontStyle~~});\n font-weight: var(${tokens.~~valueFontWeight~~});\n letter-spacing: var(${tokens.~~valueLetterSpacing~~});\n line-height: var(${tokens.~~valueLineHeight~~});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n position: relative;\n display: flex;\n flex: 1;\n\n &.${classes.rangeValuesPlacementOuter} {\n ${StyledRangeValue} {\n position: absolute;\n bottom: ~~calc(~~var(${tokens.~~railThickness}) * -1.5 - var(${tokens.~~rangeValueBottomOffset}));\n left: 0;\n\n &.${classes.maxRangeValue} {\n left: unset;\n right: 0;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.~~rangeValueHorizontalMargin~~});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.~~rangeValueHorizontalMargin~~});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeValueVerticalMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeValueVerticalMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n margin-right: 0;\n margin-bottom: 0;\n position: absolute;\n top: 0;\n\n right: calc(\n var(${tokens.railThickness}) / 2 + var(${tokens.size}) / 2 +\n var(${tokens.rangeValueHorizontalOffset})\n );\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: 0;\n top: auto;\n bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n left: calc(var(${tokens.size}) + var(${tokens.railThickness}));\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","~~LabelContent~~","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,~~YAAY~~,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~cAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAEjC~~,EAAA;~~AAEM~~,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CA2IlC~~;;;;"}
1	+ {"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.rangeValueFontFamily});\n font-size: var(${tokens.rangeValueFontSize});\n font-style: var(${tokens.rangeValueFontStyle});\n font-weight: var(${tokens.rangeValueFontWeight});\n letter-spacing: var(${tokens.rangeValueLetterSpacing});\n line-height: var(${tokens.rangeValueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n position: relative;\n display: flex;\n flex: 1;\n\n &.${classes.rangeValuesPlacementOuter} {\n ${StyledRangeValue} {\n position: absolute;\n bottom: var(${tokens.rangeValueBottomOffset});\n left: 0;\n\n &.${classes.maxRangeValue} {\n left: unset;\n right: 0;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeMinValueMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeMaxValueMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;"}

package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css ADDED Viewed

@@ -0,0 +1,6 @@
+.l1p4kc08{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+.lozb535{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
+.s1w9icbd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
+.s1d2sfgl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{left:unset;right:0;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-min-value-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
+.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}

package/es/components/Slider/components/SliderBase/SliderBase.css CHANGED Viewed

@@ -1,5 +1,5 @@
-.SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
-.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
-.SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
-.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
-.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+.SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
+.SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
+.SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
+.SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+.SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Slider/components/SliderBase/SliderBase.js CHANGED Viewed

@@ -1,7 +1,5 @@
 import React, { useRef, useEffect } from 'react';
 import { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect.js';
-import { classes } from '../../Slider.tokens.js';
-import { cx } from '../../../../utils/index.js';
 import { Slider, RailWrap, Rail, Fill } from './SliderBase.styles.js';
 var SliderBase = function SliderBase(_ref) {
@@ -16,9 +14,6 @@ var SliderBase = function SliderBase(_ref) {
     labelPlacement = _ref.labelPlacement,
     rangeValuesPlacement = _ref.rangeValuesPlacement,
     onChange = _ref.onChange,
-    orientation = _ref.orientation,
-    size = _ref.size,
-    sliderAlign = _ref.sliderAlign,
     _ref$settings = _ref.settings,
     settings = _ref$settings === void 0 ? {} : _ref$settings;
   var _settings$indent = settings.indent,
@@ -27,43 +22,34 @@ var SliderBase = function SliderBase(_ref) {
     fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
   var ref = useRef(null);
   var gap = indent * fontSizeMultiplier * 2;
-  var isVertical = orientation === 'vertical';
   useEffect(function () {
     var resizeHandler = function resizeHandler() {
       if (ref.current) {
-        var railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;
+        var railSize = ref.current.offsetWidth - gap;
         var totalSteps = max - min;
         setStepSize(railSize / totalSteps);
       }
     };
     resizeHandler();
-  }, [labelPlacement, rangeValuesPlacement, gap, isVertical,
-  // для перерасчета размеров
-  size, sliderAlign]);
+  }, [labelPlacement, rangeValuesPlacement]);
   var onHandleChange = function onHandleChange(e) {
     if (!onChange || disabled) {
       return;
     }
     var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
       x = _e$currentTarget$getB.x,
-      width = _e$currentTarget$getB.width,
-      y = _e$currentTarget$getB.y,
-      height = _e$currentTarget$getB.height;
-    var lastPos = isVertical ? e.clientY - y : e.clientX - x;
-    var sliderWidth = isVertical ? height : width;
-    var position = min + lastPos / (sliderWidth - gap) * (max - min);
+      width = _e$currentTarget$getB.width;
+    var lastX = e.clientX - x;
+    var position = min + lastX / (width - gap) * (max - min);
     var result = Math.max(min, Math.min(max, position));
-    var data = isVertical ? {
-      lastY: lastPos
-    } : {
-      lastX: lastPos
-    };
-    onChange(result, data);
+    onChange(result, {
+      lastX: lastX
+    });
   };
   useIsomorphicLayoutEffect(function () {
     var resizeHandler = function resizeHandler() {
       if (ref.current) {
-        var railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;
+        var railSize = ref.current.offsetWidth - gap;
         var totalSteps = max - min;
         setStepSize(railSize / totalSteps);
       }
@@ -73,18 +59,13 @@ var SliderBase = function SliderBase(_ref) {
     return function () {
       return window.removeEventListener('resize', resizeHandler);
     };
-  }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement, isVertical]);
-  var fillStyle = isVertical ? {
-    top: "".concat(railFillXPosition, "px"),
-    height: "".concat(railFillWidth, "px"),
-    width: '100%'
-  } : {
+  }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
+  var fillStyle = {
     left: "".concat(railFillXPosition, "px"),
     width: "".concat(railFillWidth, "px")
   };
   return /*#__PURE__*/React.createElement(Slider, {
-    ref: ref,
-    className: cx(orientation === 'vertical' && classes.verticalOrientation)
+    ref: ref
   }, /*#__PURE__*/React.createElement(RailWrap, {
     "aria-hidden": "true",
     onMouseDown: onHandleChange

package/es/components/Slider/components/SliderBase/SliderBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\~~nimport { classes } from '../../Slider.tokens';\nimport { cx } from '../../../../utils';\~~n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n ~~orientation,\n size,\n sliderAlign,\n~~ settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement \| null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n ~~const isVertical = orientation === 'vertical';\n~~\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ~~isVertical ?~~ ref.current.~~offsetHeight - gap : ref.current.~~offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [\n labelPlacement~~,\n~~ rangeValuesPlacement~~,\n gap,\n isVertical,\n // для перерасчета размеров\n size,\n sliderAlign,\n~~ ]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange \|\| disabled) {\n return;\n }\n\n const { x, width, ~~y, height~~ } = e.currentTarget.getBoundingClientRect();\n\n const ~~lastPos~~ = ~~isVertical ?~~ e.~~clientY - y : e.~~clientX - x;\n ~~const sliderWidth = isVertical ? height : width;\n~~\n const position = min + (~~lastPos~~ / (~~sliderWidth~~ - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n ~~const data = isVertical ? { lastY: lastPos } : { lastX: lastPos };\n~~ onChange(result, ~~(data~~ as ~~unknown)~~ as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ~~isVertical ?~~ ref.current.~~offsetHeight - gap : ref.current.~~offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement~~, isVertical~~]);\n\n const fillStyle = ~~isVertical\n ?~~ { ~~top: `${railFillXPosition}px`, height: `${railFillWidth}px`, width: '100%' }\n : {~~ left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref} ~~className={cx(orientation === 'vertical' && classes.verticalOrientation)}~~>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","~~orientation","size","sliderAlign","~~_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","~~isVertical","~~useEffect","resizeHandler","current","railSize","~~offsetHeight","~~offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","y","~~height","lastPos","clientY","~~clientX","~~sliderWidth","~~position","result","Math","~~data","lastY","lastX","~~useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","~~top~~","concat","~~left","~~React","createElement","Slider","~~className","cx","classes","verticalOrientation","~~RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"~~;;;;;;IAUaA~~,UAAwD,GAAG,SAA3DA,UAAwDA,CAAAC,IAAA,~~EAe~~/D;AAAA,EAAA,~~IAdFC~~,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,qBAAA,GAAAN,IAAA,CACRO,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;IACrBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,oBAAoB,GAAAV,IAAA,CAApBU,oBAAoB;IACpBC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;~~IACRC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;IACXC,IAAI,GAAAb,IAAA,CAAJa,IAAI;IACJC,WAAW,GAAAd,IAAA,CAAXc,WAAW;~~IAAAC,aAAA,~~GAAAf~~,IAAA,~~CACXgB~~,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,aAAA,CAAA;AAEb,EAAA,IAAAE,gBAAA,GAAmDD,QAAQ,CAAnDE,MAAM;AAANA,IAAAA,MAAM,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAAAE,qBAAA,GAA8BH,QAAQ,CAApCI,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA,CAAA;AAE9C,EAAA,IAAME,GAAG,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMC,GAAG,GAAGL,MAAM,GAAGE,kBAAkB,GAAG,CAAC,CAAA;~~AAC3C~~,~~EAAA,IAAMI,UAAU,GAAGZ,WAAW,KAAK,UAAU,CAAA;AAE7Ca,~~EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAS;MACxB,~~IAAIL~~,GAAG,~~CAACM~~,OAAO,EAAE;~~AACb~~,~~QAAA,~~IAAMC,QAAQ,~~GAAGJ~~,~~UAAU,GAAGH,~~GAAG,~~CAACM~~,OAAO,CAACE,~~YAAY,GAAGN,GAAG,GAAGF,GAAG,CAACM,OAAO,CAACG,~~WAAW,~~GAAGP~~,GAAG,CAAA;~~AAC5F~~,QAAA,~~IAAMQ~~,UAAU,~~GAAG9B~~,GAAG,GAAGC,GAAG,CAAA;AAE5BC,QAAAA,WAAW,~~CAACyB~~,QAAQ,~~GAAGG~~,UAAU,CAAC,CAAA;AACtC,OAAA;KACH,CAAA;~~AAEDL~~,IAAAA,aAAa,EAAE,CAAA;~~GAClB~~,EAAE,~~CACCjB~~,cAAc,~~EACdC~~,oBAAoB,~~EACpBa~~,~~GAAG,EACHC,UAAU;AACV;EACAX,IAAI,EACJC,WAAW,CACd,~~CAAC,CAAA;~~AAEF~~,EAAA,~~IAAMkB~~,cAAiD,GAAG,SAApDA,cAAiDA,CAAIC,CAAC,EAAK;AAC7D,IAAA,IAAI,~~CAACtB~~,QAAQ,IAAIH,QAAQ,EAAE;AACvB,MAAA,OAAA;AACJ,KAAA;IAEA,~~IAAA0B~~,qBAAA,~~GAAgCD~~,CAAC,CAACE,aAAa,CAACC,qBAAqB,EAAE;~~MAA/DC~~,CAAC,GAAAH,qBAAA,CAADG,CAAC;MAAEC,KAAK,GAAAJ,qBAAA,CAALI,KAAK~~;MAAEC~~,~~CAAC,GAAAL,qBAAA,CAADK,CAAC;MAAEC,MAAM,GAAAN,qBAAA,CAANM,MAAM,~~CAAA;~~AAE3B~~,IAAA,IAAMC,~~OAAO~~,~~GAAGjB~~,~~UAAU,GAAGS,~~CAAC,~~CAACS~~,OAAO,GAAGH,CAAC,~~GAAGN,CAAC,CAACU,OAAO,GAAGN,CAAC,~~CAAA;~~AAC1D~~,IAAA,~~IAAMO~~,~~WAAW,GAAGpB,UAAU,GAAGgB,MAAM,GAAGF,KAAK,CAAA;AAE/C,IAAA,IAAMO,~~QAAQ,~~GAAG3C~~,GAAG,~~GAAIuC~~,~~OAAO~~,~~IAAIG~~,~~WAAW~~,~~GAAGrB~~,GAAG,CAAC,~~IAAKtB~~,GAAG,GAAGC,GAAG,CAAC,CAAA;~~AACpE~~,IAAA,~~IAAM4C~~,MAAM,GAAGC,IAAI,~~CAAC9C~~,GAAG,CAACC,GAAG,~~EAAE6C~~,IAAI,~~CAAC7C~~,GAAG,CAACD,GAAG,~~EAAE4C~~,QAAQ,CAAC,CAAC,CAAA;~~IAErD~~,~~IAAMG~~,~~IAAI~~,~~GAAGxB~~,~~UAAU,GAAG~~;~~AAAEyB~~,MAAAA,KAAK,~~EAAER~~,~~OAAAA~~;~~AAAQ~~,~~KAAC~~,~~GAAG;AAAES,MAAAA,KAAK,EAAET,OAAAA;KAAS,CAAA;AACjE9B,IAAAA,QAAQ,CAACmC,MAAM,EAAGE,IAAiC,~~CAAC,CAAA;~~GACvD~~,CAAA;~~AAEDG~~,EAAAA,yBAAyB,CAAC,YAAM;AAC5B,IAAA,~~IAAMzB~~,aAAa,GAAG,SAAhBA,aAAaA,GAAS;MACxB,~~IAAIL~~,GAAG,~~CAACM~~,OAAO,EAAE;~~AACb~~,~~QAAA,~~IAAMC,QAAQ,~~GAAGJ~~,~~UAAU,GAAGH,~~GAAG,~~CAACM~~,OAAO,CAACE,~~YAAY,GAAGN,GAAG,GAAGF,GAAG,CAACM,OAAO,CAACG,~~WAAW,~~GAAGP~~,GAAG,CAAA;~~AAC5F~~,QAAA,~~IAAMQ~~,UAAU,~~GAAG9B~~,GAAG,GAAGC,GAAG,CAAA;AAE5BC,QAAAA,WAAW,~~CAACyB~~,QAAQ,~~GAAGG~~,UAAU,CAAC,CAAA;AACtC,OAAA;KACH,CAAA;~~AAEDL~~,IAAAA,aAAa,EAAE,CAAA;~~AACf0B~~,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,~~EAAE3B~~,aAAa,CAAC,CAAA;IAEhD,OAAO,YAAA;AAAA,MAAA,~~OAAM0B~~,MAAM,CAACE,mBAAmB,CAAC,QAAQ,~~EAAE5B~~,aAAa,CAAC,CAAA;AAAA,KAAA,CAAA;AACpE,GAAC,EAAE,~~CAACxB~~,GAAG,EAAED,GAAG,EAAEE,WAAW,~~EAAEoB~~,GAAG,~~EAAEd~~,cAAc,EAAEC,oBAAoB,~~EAAEc,UAAU,~~CAAC,CAAC,CAAA;~~EAElF~~,~~IAAM+B~~,SAAS,GAAG~~/B,UAAU,GACtB~~;~~AAAEgC~~,IAAAA,~~GAAG~~,EAAAC,EAAAA,CAAAA,MAAA,~~CAAKlD~~,iBAAiB,EAAI,IAAA,CAAA;~~AAAEiC~~,~~IAAAA,MAAM,EAAAiB,EAAAA,CAAAA,MAAA,CAAKrD,aAAa,EAAI,IAAA,CAAA;AAAEkC,IAAAA,~~KAAK,~~EAAE,MAAA;AAAO,GAAC,GAC9E;AAAEoB,IAAAA,IAAI,EAAAD,EAAAA,CAAAA,MAAA,CAAKlD,iBAAiB,EAAI,IAAA,CAAA;IAAE+B,KAAK,~~EAAA,EAAA,~~CAAAmB~~,MAAA,~~CAAKrD~~,aAAa,EAAA,IAAA,CAAA;GAAM,CAAA;~~AAErE~~,EAAA,~~oBACIuD~~,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;~~AAACxC~~,IAAAA,GAAG,EAAEA,~~GAAI~~;~~IAACyC~~,~~SAAS,EAAEC,EAAE,CAACnD,WAAW,KAAK,UAAU,IAAIoD,OAAO,CAACC,mBAAmB,CAAA;AAAE,~~GAAA,~~eACvFN~~,KAAA,CAAAC,aAAA,~~CAACM~~,QAAQ,EAAA;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,WAAW,~~EAAEnC~~,cAAAA;~~GACtC2B~~,eAAAA,KAAA,CAAAC,aAAA,~~CAACQ~~,IAAI,~~qBACDT~~,KAAA,CAAAC,aAAA,~~CAACS~~,IAAI,EAAA;AAACC,IAAAA,KAAK,~~EAAEf~~,SAAAA;AAAU,GAAE,CACvB,CACA,CAAC,~~EAEVlD~~,QACG,CAAC,CAAA;AAEjB;;;;"}
1	+ {"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement \| null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange \|\| disabled) {\n return;\n }\n\n const { x, width } = e.currentTarget.getBoundingClientRect();\n\n const lastX = e.clientX - x;\n\n const position = min + (lastX / (width - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n onChange(result, { lastX } as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);\n\n const fillStyle = { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref}>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","useEffect","resizeHandler","current","railSize","offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","lastX","clientX","position","result","Math","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","left","concat","React","createElement","Slider","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}

package/es/components/Slider/components/SliderBase/SliderBase.styles.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import './SliderBase.styles_1qt1224.css';
+import './SliderBase.styles_9s4eb3.css';
 import { styled } from '@linaria/react';
-var Rail = /*#__PURE__*/styled('div')({
-  name: "Rail",
-  "class": "r33crq1",
-  propsAsIs: false
-});
 var Slider = /*#__PURE__*/styled('div')({
   name: "Slider",
-  "class": "snaoqfb",
+  "class": "s33crq1",
   propsAsIs: false
 });
 var RailWrap = /*#__PURE__*/styled('div')({
   name: "RailWrap",
+  "class": "rnaoqfb",
+  propsAsIs: false
+});
+var Rail = /*#__PURE__*/styled('div')({
+  name: "Rail",
   "class": "r1bro5xo",
   propsAsIs: false
 });

package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyHidden } from '../../../../mixins';\nimport { ~~classes,~~ tokens } from '../../Slider.tokens';\n\nexport const ~~Rail~~ = styled.div`\n ~~position~~: ~~relative~~;\n ~~top~~: ~~50%;\n\n height: var(${tokens.railThickness})~~;\n\n ~~border~~-~~radius~~: ~~var(${tokens.railBorderRadius})~~;\n ~~background-color~~: var(${tokens.~~railBackgroundColor~~});\n\~~n overflow:~~ ~~hidden;\~~n ~~transform~~: ~~translateY(-50%);\~~n`;\n\nexport const ~~Slider~~ = styled.div`\n ~~flex: 1;\n~~ position: relative;\n ~~user-select~~: ~~none;\~~n height: var(${tokens.~~size~~});\n\n ~~&.${classes.verticalOrientation} {\n width~~: var(${tokens.~~size~~});\n ~~height: auto;\n\n ${Rail} {\n top: 0;\n left: 50%;\n transform: translateX(~~-~~50%);\n width~~: var(${tokens.~~railThickness~~});\n ~~height: 100%;\n }~~\n ~~}\n`;\n\nexport~~ ~~const RailWrap = styled.div`\~~n ~~height~~: ~~100%;\~~n`;\n\nexport const Fill = styled.div`\n position: absolute;\n height: 100%;\n top: 0;\n left: 0;\n background: var(${tokens.fillColor});\n width: 0;\n`;\n\nexport const InputHidden = styled.input`\n ${applyHidden()};\n`;\n"],"names":["~~Rail~~","styled","name","class","propsAsIs","~~Slider~~","~~RailWrap~~","Fill","InputHidden"],"mappings":";;AAKO,IAAMA,~~IAAI~~,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~MAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAWzB~~,EAAA;AAEM,IAAMC,~~MAAM~~,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~QAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAkB3B~~,EAAA;AAEM,IAAME,~~QAAQ~~,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~UAAA~~;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAE7B~~,EAAA;AAEM,IAAMG,IAAI,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzB,EAAA;AAEM,IAAMI,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;"}
1	+ {"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyHidden } from '../../../../mixins';\nimport { tokens } from '../../Slider.tokens';\n\nexport const Slider = styled.div`\n flex: 1;\n position: relative;\n user-select: none;\n height: var(${tokens.height});\n`;\n\nexport const RailWrap = styled.div`\n height: 100%;\n`;\n\nexport const Rail = styled.div`\n position: relative;\n top: 50%;\n\n height: var(${tokens.railHeight});\n\n border-radius: var(${tokens.railBorderRadius});\n background-color: var(${tokens.railBackgroundColor});\n\n overflow: hidden;\n transform: translateY(-50%);\n`;\n\nexport const Fill = styled.div`\n position: absolute;\n height: 100%;\n top: 0;\n left: 0;\n background: var(${tokens.fillColor});\n width: 0;\n`;\n\nexport const InputHidden = styled.input`\n ${applyHidden()};\n`;\n"],"names":["Slider","styled","name","class","propsAsIs","RailWrap","Rail","Fill","InputHidden"],"mappings":";;AAKO,IAAMA,MAAM,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK3B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE7B,EAAA;AAEM,IAAME,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWzB,EAAA;AAEM,IAAMG,IAAI,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzB,EAAA;AAEM,IAAMI,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;"}

package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css ADDED Viewed

@@ -0,0 +1,5 @@
+.s33crq1{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
+.rnaoqfb{height:100%;}
+.r1bro5xo{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
+.fdg7yhg{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+.i17ya4q3{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Slider/ui/Handler/Handler.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
+.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
-.Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);}
-.Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
+.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
+.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}

package/es/components/Slider/ui/Handler/Handler.js CHANGED Viewed

@@ -1,25 +1,30 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import Draggable from 'react-draggable';
-import { cx } from '../../../../utils/index.js';
 import { getOffsets, getSliderThumbValue } from '../../utils/index.js';
 import { Thumb } from '../Thumb/Thumb.js';
-import { classes } from '../../Slider.tokens.js';
 import { HandlerStyled, StyledValue } from './Handler.styles.js';
-import { computeKeyPressData } from './computeKeyPressData.js';
-var _excluded = ["size", "orientation", "stepSize", "onChangeCommitted", "onChange", "position", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value", "valuePlacement"];
+var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value"];
 // TODO: PLASMA-1707
+var KeyboardSupport = {
+  PageUp: 33,
+  PageDown: 34,
+  End: 35,
+  Home: 36,
+  ArrowLeft: 37,
+  ArrowUp: 38,
+  ArrowRight: 39,
+  ArrowDown: 40
+};
 var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var size = _ref.size,
-    orientation = _ref.orientation,
-    stepSize = _ref.stepSize,
+  var stepSize = _ref.stepSize,
     onChangeCommitted = _ref.onChangeCommitted,
     onChange = _ref.onChange,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 0 : _ref$position,
+    _ref$xPosition = _ref.xPosition,
+    xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
     min = _ref.min,
     max = _ref.max,
     _ref$bounds = _ref.bounds,
@@ -34,89 +39,123 @@ var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$endOffset = _ref.endOffset,
     endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
     value = _ref.value,
-    valuePlacement = _ref.valuePlacement,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var isVertical = orientation === 'vertical';
   var lastOnChangeValue = useRef();
-  var _getOffsets = getOffsets(ref, side, isVertical),
+  var _getOffsets = getOffsets(ref, side),
     _getOffsets2 = _slicedToArray(_getOffsets, 2),
-    startClientOffset = _getOffsets2[0],
-    endClientOffset = _getOffsets2[1];
+    offsetLeft = _getOffsets2[0],
+    offsetRight = _getOffsets2[1];
   var _bounds = _slicedToArray(bounds, 2),
-    startValueBound = _bounds[0],
-    endValueBound = _bounds[1];
-  var startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;
-  var endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;
-  var dragPosition = typeof position === 'number' ? {
-    x: isVertical ? 0 : position,
-    y: isVertical ? position : 0
+    leftValueBound = _bounds[0],
+    rightValueBound = _bounds[1];
+  var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
+  var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
+  var position = typeof xPosition === 'number' ? {
+    x: xPosition,
+    y: 0
   } : undefined;
   var tabIndex = disabled ? -1 : 0;
-  var computedBounds = _defineProperty(_defineProperty({}, isVertical ? 'top' : 'left', (startPositionBound !== null && startPositionBound !== void 0 ? startPositionBound : 0) - (startClientOffset ? stepSize : 0)), isVertical ? 'bottom' : 'right', (endPositionBound !== null && endPositionBound !== void 0 ? endPositionBound : stepSize * (max - min)) - (endClientOffset ? stepSize : 0));
-  var showCurrentValueCondition = showCurrentValue && (position >= startOffset && position <= max * stepSize - endOffset || position === 0 && value !== 0);
+  var computedBounds = {
+    left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) - (offsetLeft ? stepSize : 0),
+    right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - (offsetRight ? stepSize : 0)
+  };
+  var showCurrentValueCondition = showCurrentValue && (xPosition >= startOffset && xPosition <= max * stepSize - endOffset || xPosition === 0 && value !== 0);
   var onDrag = function onDrag(_, data) {
-    var newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);
+    var newValue = getSliderThumbValue(data.x, stepSize, min, max);
     if (lastOnChangeValue.current !== newValue) {
       onChange === null || onChange === void 0 || onChange(newValue, data);
       lastOnChangeValue.current = newValue;
     }
   };
   var onStop = function onStop(_, data) {
-    var newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);
+    var newValue = getSliderThumbValue(data.x, stepSize, min, max);
     onChangeCommitted && onChangeCommitted(newValue, data);
   };
   var onKeyPress = function onKeyPress(event) {
     event.persist();
-    var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
-    var data = computeKeyPressData(event, {
-      isVertical: isVertical,
-      stepSize: stepSize,
-      position: position,
-      max: max,
-      computedMultipleSteps: computedMultipleSteps
-    });
-    if (!data) {
+    var keyCode = event.keyCode,
+      target = event.target;
+    if (!Object.values(KeyboardSupport).includes(keyCode)) {
       return;
     }
+    var ArrowUp = KeyboardSupport.ArrowUp,
+      ArrowRight = KeyboardSupport.ArrowRight,
+      ArrowDown = KeyboardSupport.ArrowDown,
+      ArrowLeft = KeyboardSupport.ArrowLeft,
+      Home = KeyboardSupport.Home,
+      End = KeyboardSupport.End,
+      PageDown = KeyboardSupport.PageDown,
+      PageUp = KeyboardSupport.PageUp;
+    var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
+    var data = {
+      x: 0,
+      deltaX: stepSize,
+      lastX: xPosition,
+      y: 0,
+      deltaY: 0,
+      lastY: 0,
+      node: target
+    };
+    switch (keyCode) {
+      case ArrowUp:
+      case ArrowRight:
+        data.x = xPosition + stepSize;
+        break;
+      case ArrowDown:
+      case ArrowLeft:
+        data.x = xPosition - stepSize;
+        data.deltaX = -stepSize;
+        break;
+      case PageUp:
+        data.x = xPosition + computedMultipleSteps;
+        data.deltaX = computedMultipleSteps;
+        break;
+      case PageDown:
+        data.x = xPosition - computedMultipleSteps;
+        data.deltaX = -computedMultipleSteps;
+        break;
+      case End:
+        data.x = max * stepSize;
+        break;
+      case Home:
+        data.x = 0;
+        break;
+      default:
+        data.x = 0;
+    }
     var left = computedBounds.left,
-      right = computedBounds.right,
-      top = computedBounds.top,
-      bottom = computedBounds.bottom;
+      right = computedBounds.right;
     /*
      * INFO: Находим значение в диапазоне между указанными левой и правой границами.
-     * Или между верхней и нижней
      * Необходимо для правильного расчета положения SliderThumb.
      * см. функция clamp
      */
-    var boundedValue = isVertical ? Math.max(Math.min(bottom, data.y), top) : Math.max(Math.min(right, data.x), left);
+    var boundedValue = Math.max(Math.min(right, data.x), left);
     var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
     lastOnChangeValue.current = computedValue;
     onChangeCommitted && onChangeCommitted(computedValue, data);
   };
   return /*#__PURE__*/React.createElement(Draggable, {
-    axis: isVertical ? 'y' : 'x',
+    axis: "x",
     bounds: computedBounds,
-    grid: isVertical ? [1, stepSize] : [stepSize, 1],
+    grid: [stepSize, 1],
     onStop: onStop,
     onDrag: onDrag,
-    position: dragPosition,
+    position: position,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(HandlerStyled, {
     ref: ref,
     style: {
       zIndex: zIndex
     },
-    className: cx(isVertical && classes.verticalOrientation, valuePlacement === 'left' && classes.valuePlacementLeft),
-    isLarge: size === 'large',
     onKeyDown: onKeyPress
-  }, size !== 'none' && /*#__PURE__*/React.createElement(Thumb, _extends({
+  }, /*#__PURE__*/React.createElement(Thumb, _extends({
     tabIndex: tabIndex,
     min: min,
     max: max,
     value: value,
-    disabled: disabled,
-    orientation: orientation
+    disabled: disabled
   }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, value)));
 });