"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get Label () {
        return _SliderBasestyles.Label;
    },
    get LabelContent () {
        return LabelContent;
    },
    get LabelWrapper () {
        return _SliderBasestyles.LabelWrapper;
    },
    get ScaleTick () {
        return ScaleTick;
    },
    get ScaleTickDot () {
        return ScaleTickDot;
    },
    get ScaleTicksWrapper () {
        return ScaleTicksWrapper;
    },
    get SingleWrapper () {
        return SingleWrapper;
    },
    get SliderBaseWrapper () {
        return SliderBaseWrapper;
    },
    get SliderContainer () {
        return SliderContainer;
    },
    get StyledCurrentValue () {
        return StyledCurrentValue;
    },
    get StyledProgress () {
        return StyledProgress;
    },
    get StyledRange () {
        return StyledRange;
    },
    get StyledRangeValue () {
        return StyledRangeValue;
    },
    get StyledTrack () {
        return StyledTrack;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _Slidertokens = require("../../Slider.tokens");
const _SliderBasestyles = require("../SliderBase/SliderBase.styles");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const LabelContent = _styledcomponents.default.div.withConfig({
    displayName: "Single.styles__LabelContent",
    componentId: "sc-a062843d-0"
})([
    `display:inline-flex;`
]);
const StyledRangeValue = _styledcomponents.default.span.withConfig({
    displayName: "Single.styles__StyledRangeValue",
    componentId: "sc-a062843d-1"
})([
    `grid-area:b;color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);transition:opacity 0.1s ease-in-out;&.`,
    `,&.`,
    `{opacity:0;}&.`,
    `{color:var(`,
    `);}&.`,
    `{grid-area:c;}`
], _Slidertokens.tokens.rangeValueColor, _Slidertokens.tokens.valueFontFamily, _Slidertokens.tokens.valueFontSize, _Slidertokens.tokens.valueFontStyle, _Slidertokens.tokens.valueFontWeight, _Slidertokens.tokens.valueLetterSpacing, _Slidertokens.tokens.valueLineHeight, _Slidertokens.classes.hideMinValue, _Slidertokens.classes.hideMaxValue, _Slidertokens.classes.activeRangeValue, _Slidertokens.tokens.labelColor, _Slidertokens.classes.maxRangeValue);
const SliderContainer = (0, _styledcomponents.default)(_SliderBasestyles.BaseSliderContainer).withConfig({
    displayName: "Single.styles__SliderContainer",
    componentId: "sc-a062843d-2"
})([
    `grid-area:a;flex:1;z-index:1;&.`,
    `{transform:scaleX(-1);}&.`,
    `{width:var(`,
    `);height:100%;transform:scaleY(-1);container-type:size;&.`,
    `{transform:none;}}`
], _Slidertokens.classes.reversed, _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.size, _Slidertokens.classes.reversed);
const StyledTrack = (0, _styledcomponents.default)(_SliderBasestyles.BaseStyledTrack).withConfig({
    displayName: "Single.styles__StyledTrack",
    componentId: "sc-a062843d-3"
})([
    `.`,
    ` &{top:0;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:var(`,
    `);height:auto;}`
], _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.railThickness);
const StyledProgress = _styledcomponents.default.div.withConfig({
    displayName: "Single.styles__StyledProgress",
    componentId: "sc-a062843d-4"
})([
    `position:absolute;top:50%;left:0;transform:translateY(-50%);height:var(`,
    `);border-radius:var(`,
    `);background:var(`,
    `);pointer-events:none;.`,
    ` &{bottom:0;left:50%;top:auto;transform:translateX(-50%);width:var(`,
    `);height:0;}`
], _Slidertokens.tokens.railThickness, _Slidertokens.tokens.railBorderRadius, _Slidertokens.tokens.fillColor, _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.railThickness);
const StyledCurrentValue = _styledcomponents.default.span.withConfig({
    displayName: "Single.styles__StyledCurrentValue",
    componentId: "sc-a062843d-5"
})([
    `position:absolute;top:var(`,
    `);transform:translateX(-50%);pointer-events:none;white-space:nowrap;z-index:2;font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);color:var(`,
    `);.`,
    ` &{transform:translateX(-50%) scaleX(-1);}.`,
    ` &{top:auto;left:var(`,
    `);transform:translateY(-50%) scaleY(-1);}.`,
    ` .`,
    ` &{left:unset;right:var(`,
    `);}.`,
    `.`,
    ` &{transform:translateY(-50%);}.`,
    ` &{top:auto;bottom:var(`,
    `);}.`,
    ` &{top:var(`,
    `);bottom:auto;}.`,
    `.`,
    ` &{left:var(`,
    `);right:auto;}.`,
    `.`,
    ` &{left:auto;right:var(`,
    `);}.`,
    ` &{display:none;}`
], _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.tokens.valueFontFamily, _Slidertokens.tokens.valueFontSize, _Slidertokens.tokens.valueFontStyle, _Slidertokens.tokens.valueFontWeight, _Slidertokens.tokens.valueLetterSpacing, _Slidertokens.tokens.valueLineHeight, _Slidertokens.tokens.rangeValueColor, _Slidertokens.classes.reversed, _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.labelAlignLeft, _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.verticalOrientation, _Slidertokens.classes.reversed, _Slidertokens.classes.valuePlacementTop, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.valuePlacementBottom, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.verticalOrientation, _Slidertokens.classes.valuePlacementRight, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.verticalOrientation, _Slidertokens.classes.valuePlacementLeft, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.valuePlacementNone);
const ScaleTick = _styledcomponents.default.div.withConfig({
    displayName: "Single.styles__ScaleTick",
    componentId: "sc-a062843d-6"
})([
    `position:absolute;width:0;overflow:visible;font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);&:before{content:`,
    `;position:absolute;top:`,
    `;bottom:`,
    `;left:`,
    `;right:`,
    `;transform:`,
    `;color:var(`,
    `);cursor:pointer;}`
], _Slidertokens.tokens.valueFontFamily, _Slidertokens.tokens.valueFontSize, _Slidertokens.tokens.valueFontStyle, _Slidertokens.tokens.valueFontWeight, _Slidertokens.tokens.valueLetterSpacing, _Slidertokens.tokens.valueLineHeight, ({ tickValue })=>`"${tickValue}"`, ({ isVertical, scaleAlign })=>{
    if (isVertical) return '50%';
    if (scaleAlign === 'top') return 'auto';
    return '0';
}, ({ isVertical, scaleAlign })=>{
    if (!isVertical && scaleAlign === 'top') return '0';
    return 'unset';
}, ({ isVertical, sliderAlign })=>{
    if (isVertical) {
        if (sliderAlign === 'right') {
            return 'unset';
        }
        return '0';
    }
    return '0';
}, ({ isVertical, sliderAlign })=>{
    if (isVertical && sliderAlign === 'right') {
        return '0';
    }
    return 'unset';
}, ({ isVertical })=>isVertical ? 'translateY(-50%)' : 'translateX(-50%)', _Slidertokens.tokens.rangeValueColor);
const ScaleTickDot = _styledcomponents.default.span.withConfig({
    displayName: "Single.styles__ScaleTickDot",
    componentId: "sc-a062843d-7"
})([
    `position:absolute;z-index:0;top:`,
    `;left:`,
    `;transform:translate(-50%,-50%);border-radius:50%;display:block;width:var(`,
    `);height:var(`,
    `);background-color:`,
    `;`
], ({ isVertical, scaleAlign })=>{
    if (isVertical) {
        return '50%';
    }
    if (scaleAlign === 'top') {
        return `calc(100% + var(${_Slidertokens.tokens.size}) / 2)`;
    }
    return `calc(var(${_Slidertokens.tokens.size}) / -2)`;
}, ({ isVertical, sliderAlign })=>{
    if (isVertical) {
        if (sliderAlign === 'right') {
            return `calc(100% + var(${_Slidertokens.tokens.size}) / 2)`;
        }
        return `calc(var(${_Slidertokens.tokens.size}) / -2)`;
    }
    return '0';
}, _Slidertokens.tokens.tickSize, _Slidertokens.tokens.tickSize, ({ filled })=>filled ? `var(${_Slidertokens.tokens.tickDotFilledColor})` : `var(${_Slidertokens.tokens.tickDotColor})`);
const ScaleTicksWrapper = _styledcomponents.default.datalist.withConfig({
    displayName: "Single.styles__ScaleTicksWrapper",
    componentId: "sc-a062843d-8"
})([
    `position:relative;display:block;grid-column-start:`,
    `;grid-column-end:`,
    `;grid-row-start:`,
    `;grid-row-end:`,
    `;`
], ({ isVertical })=>isVertical ? 'b' : 'b', ({ isVertical })=>isVertical ? 'b' : 'c', ({ isVertical })=>isVertical ? 'b' : 'b', ({ isVertical })=>isVertical ? 'c' : 'b');
const StyledRange = (0, _styledcomponents.default)(_SliderBasestyles.BaseStyledRange).withConfig({
    displayName: "Single.styles__StyledRange",
    componentId: "sc-a062843d-9"
})([
    `position:relative;z-index:1;&::-webkit-slider-thumb{pointer-events:`,
    `;}.`,
    ` &{position:absolute;width:calc(100cqh + var(`,
    `,0rem));height:var(`,
    `);top:calc(50% - var(`,
    `) / 2);left:calc(50% - (100cqh + var(`,
    `,0rem)) / 2);margin-left:0;transform:rotate(-90deg);}`
], ({ showPointer })=>showPointer === false ? 'none' : 'auto', _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.thumbSize, _Slidertokens.tokens.size, _Slidertokens.tokens.size, _Slidertokens.tokens.thumbSize);
const SliderBaseWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Single.styles__SliderBaseWrapper",
    componentId: "sc-a062843d-10"
})([
    `display:flex;flex:1;position:relative;&:has(`,
    `:disabled) `,
    ` `,
    `:before{cursor:not-allowed;}&:has(.`,
    `){padding-top:var(`,
    `);}&.`,
    `{display:grid;grid-template-areas:'a a' 'b c';`,
    `{width:fit-content;&.`,
    `{justify-self:end;}}&.`,
    `{grid-template-areas:'b c' 'a a';padding-top:var(`,
    `);}}&.`,
    `{align-items:center;`,
    `{margin-right:var(`,
    `);&.`,
    `{margin-right:0;margin-left:var(`,
    `);}}}`
], StyledRange, ScaleTicksWrapper, ScaleTick, _Slidertokens.classes.valuePlacementTop, _Slidertokens.tokens.currentValueTopOffset, _Slidertokens.classes.rangeValuesPlacementOuter, StyledRangeValue, _Slidertokens.classes.maxRangeValue, _Slidertokens.classes.scalePlacementTop, _Slidertokens.tokens.valueLineHeight, _Slidertokens.classes.rangeValuesPlacementInner, StyledRangeValue, _Slidertokens.tokens.rangeValueHorizontalMargin, _Slidertokens.classes.maxRangeValue, _Slidertokens.tokens.rangeValueHorizontalMargin);
const SingleWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Single.styles__SingleWrapper",
    componentId: "sc-a062843d-11"
})([
    `display:flex;width:100%;opacity:var(`,
    `);&.`,
    `{flex-direction:column;`,
    `{margin-bottom:var(`,
    `);}&.`,
    `{`,
    `{margin-bottom:var(`,
    `);}}}&.`,
    `{align-items:flex-start;`,
    `{margin-right:var(`,
    `);}`,
    `:not(:has(`,
    `)):has(`,
    `){margin-right:var(`,
    `);}`,
    `:has(`,
    `){margin-right:var(`,
    `);}}&.`,
    `{flex-direction:column;align-items:center;width:fit-content;&.`,
    `{`,
    `{flex-direction:column-reverse;}&.`,
    `{`,
    `{flex-direction:column;}&.`,
    `{`,
    `{flex-direction:column-reverse;}}}&.`,
    `{`,
    `{flex-direction:column;}}}`,
    `{align-items:center;}`,
    `{width:var(`,
    `);}&.`,
    `{`,
    `{margin-right:0;margin-bottom:var(`,
    `);}}&.`,
    `{align-items:flex-end;`,
    `{flex-direction:row-reverse;}}&.`,
    `{align-items:flex-start;}&.`,
    `{flex-direction:column-reverse;`,
    `{margin-top:var(`,
    `);margin-right:0;margin-bottom:0;}}}&.`,
    `{flex-direction:column;align-items:center;justify-content:center;`,
    `{display:grid;grid-template-areas:`,
    `;}&.`,
    `{`,
    `{grid-template-rows:auto 1fr auto;}`,
    `{justify-self:start;transform:translateX(calc(var(`,
    `) / 2 - 50%));margin-bottom:var(`,
    `);&.`,
    `{margin-top:var(`,
    `);margin-bottom:0;}}}&.`,
    `,&.`,
    `{`,
    `{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}`,
    `{align-self:flex-start;justify-self:flex-end;&.`,
    `{align-self:flex-end;}}}&.`,
    `{`,
    `{grid-template-areas:'a b' 'a c';}`,
    `{align-self:flex-start;justify-self:flex-start;}}}`
], _Slidertokens.tokens.disabledOpacity, _Slidertokens.classes.labelPlacementOuter, _SliderBasestyles.LabelWrapper, _Slidertokens.tokens.labelWrapperMarginBottom, _Slidertokens.classes.scalePlacementTop, _SliderBasestyles.LabelWrapper, _Slidertokens.tokens.valueLineHeight, _Slidertokens.classes.labelPlacementInner, _SliderBasestyles.LabelWrapper, _Slidertokens.tokens.labelWrapperMarginRight, _SliderBasestyles.LabelWrapper, _SliderBasestyles.Label, LabelContent, _Slidertokens.tokens.labelWrapperOnlyIconMarginRight, _SliderBasestyles.LabelWrapper, _SliderBasestyles.Label, _Slidertokens.tokens.labelWrapperMarginRight, _Slidertokens.classes.verticalOrientation, _Slidertokens.classes.labelAlignCenter, _SliderBasestyles.LabelWrapper, _Slidertokens.classes.labelPlacementBottom, _SliderBasestyles.LabelWrapper, _Slidertokens.classes.labelContentReversed, _SliderBasestyles.LabelWrapper, _Slidertokens.classes.labelContentReversed, _SliderBasestyles.LabelWrapper, _SliderBasestyles.LabelWrapper, SliderBaseWrapper, _Slidertokens.tokens.size, _Slidertokens.classes.labelPlacementInner, _SliderBasestyles.LabelWrapper, _Slidertokens.tokens.labelWrapperVerticalMargin, _Slidertokens.classes.labelAlignLeft, _SliderBasestyles.LabelWrapper, _Slidertokens.classes.labelAlignRight, _Slidertokens.classes.labelPlacementBottom, _SliderBasestyles.LabelWrapper, _Slidertokens.tokens.labelWrapperVerticalMargin, _Slidertokens.classes.verticalOrientation, SliderBaseWrapper, ({ hasTicks })=>hasTicks ? `'a b'
                'a c'` : `'b'
                    'a'
                    'a'
                    'c'`, _Slidertokens.classes.labelAlignCenter, SliderBaseWrapper, StyledRangeValue, _Slidertokens.tokens.size, _Slidertokens.tokens.rangeValueVerticalMargin, _Slidertokens.classes.maxRangeValue, _Slidertokens.tokens.rangeValueVerticalMargin, _Slidertokens.classes.labelAlignLeft, _Slidertokens.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue, _Slidertokens.classes.maxRangeValue, _Slidertokens.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);
