"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 Hint () {
        return Hint;
    },
    get HintIconWrapper () {
        return HintIconWrapper;
    },
    get HintTargetWrapper () {
        return HintTargetWrapper;
    },
    get Input () {
        return Input;
    },
    get InputContainer () {
        return InputContainer;
    },
    get InputLabelWrapper () {
        return InputLabelWrapper;
    },
    get InputPlaceholder () {
        return InputPlaceholder;
    },
    get InputPlaceholderValue () {
        return InputPlaceholderValue;
    },
    get InputWrapper () {
        return InputWrapper;
    },
    get Label () {
        return Label;
    },
    get OuterLabelWrapper () {
        return OuterLabelWrapper;
    },
    get StyledChips () {
        return StyledChips;
    },
    get StyledContentLeft () {
        return StyledContentLeft;
    },
    get StyledContentRight () {
        return StyledContentRight;
    },
    get StyledContentRightWrapper () {
        return StyledContentRightWrapper;
    },
    get StyledHelpers () {
        return StyledHelpers;
    },
    get StyledHintWrapper () {
        return StyledHintWrapper;
    },
    get StyledIndicator () {
        return StyledIndicator;
    },
    get StyledIndicatorWrapper () {
        return StyledIndicatorWrapper;
    },
    get StyledLeftHelper () {
        return StyledLeftHelper;
    },
    get StyledOptionalText () {
        return StyledOptionalText;
    },
    get StyledRightHelper () {
        return StyledRightHelper;
    },
    get StyledTextAfter () {
        return StyledTextAfter;
    },
    get StyledTextBefore () {
        return StyledTextBefore;
    },
    get TitleCaption () {
        return TitleCaption;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../mixins");
const _engines = require("../../engines");
const _Tooltip = require("../Tooltip");
const _Popover = require("../Popover");
const _TextFieldtokens = require("./TextField.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
const Tooltip = (0, _engines.component)(mergedConfig);
const InputWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputWrapper",
    componentId: "sc-1416c3df-0"
})([
    `position:relative;display:flex;align-items:center;box-sizing:border-box;&:after{content:'';position:absolute;z-index:-2;inset:0;}`
]);
const InputLabelWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputLabelWrapper",
    componentId: "sc-1416c3df-1"
})([
    `flex:1;overflow-x:var(`,
    `,scroll);position:relative;width:100%;display:inline-flex;align-items:center;flex-wrap:var(`,
    `,nowrap);::-webkit-scrollbar{display:none;}scrollbar-width:none;&.`,
    `{height:var(`,
    `,var(`,
    `));border-radius:var(`,
    `);}`
], _TextFieldtokens.tokens.scrollableWrapperOverflow, _TextFieldtokens.tokens.chipsFlexWrap, _TextFieldtokens.classes.hasChips, _TextFieldtokens.tokens.scrollableWrapperHeight, _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
const StyledChips = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledChips",
    componentId: "sc-1416c3df-2"
})([
    `display:flex;flex-wrap:var(`,
    `,nowrap);gap:var(`,
    `);margin-right:var(`,
    `,var(`,
    `));user-select:none;`
], _TextFieldtokens.tokens.chipsFlexWrap, _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
const Input = _styledcomponents.default.input.withConfig({
    displayName: "TextField.styles__Input",
    componentId: "sc-1416c3df-3"
})([
    `box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;field-sizing:var(`,
    `,fixed);z-index:1;&.`,
    `{`,
    `}&::placeholder{opacity:0;}`
], _TextFieldtokens.tokens.fieldSizing, _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
const InputContainer = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputContainer",
    componentId: "sc-1416c3df-4"
})([
    `position:relative;display:flex;flex:1;min-width:`,
    `;`,
    `{max-width:`,
    `;}`
], ({ hasDynamicWidth })=>hasDynamicWidth ? 'auto' : '60%', Input, ({ hasDynamicWidth })=>hasDynamicWidth ? '100%' : 'none');
const InputPlaceholder = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputPlaceholder",
    componentId: "sc-1416c3df-5"
})([
    `display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(`,
    `);padding:`,
    `;`
], _TextFieldtokens.tokens.placeholderColor, ({ hasPadding })=>hasPadding ? `var(${_TextFieldtokens.tokens.contentLabelInnerPadding})` : '0');
const InputPlaceholderValue = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputPlaceholderValue",
    componentId: "sc-1416c3df-6"
})([
    `&.`,
    `{`,
    `}`
], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
const OuterLabelWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__OuterLabelWrapper",
    componentId: "sc-1416c3df-7"
})([
    `display:flex;align-items:center;margin-bottom:`,
    `;padding:`,
    `;white-space:`,
    `;`
], ({ isInnerLabel })=>isInnerLabel ? `var(${_TextFieldtokens.tokens.titleCaptionInnerLabelOffset})` : `var(${_TextFieldtokens.tokens.labelOffset})`, ({ isInnerLabel })=>isInnerLabel ? 0 : `var(${_TextFieldtokens.tokens.labelPadding}, 0)`, ({ isInnerLabel })=>isInnerLabel ? 'nowrap' : 'normal');
const TitleCaption = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__TitleCaption",
    componentId: "sc-1416c3df-8"
})([
    `display:inline-block;margin-left:auto;`
]);
const StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledIndicatorWrapper",
    componentId: "sc-1416c3df-9"
})([
    `position:relative;display:inline-flex;align-items:center;`
]);
const Label = _styledcomponents.default.label.withConfig({
    displayName: "TextField.styles__Label",
    componentId: "sc-1416c3df-10"
})([
    `display:inline-flex;`
]);
const StyledContentLeft = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledContentLeft",
    componentId: "sc-1416c3df-11"
})([
    `margin:var(`,
    `);color:var(`,
    `);line-height:0;&:hover{color:var(`,
    `,var(`,
    `));}&:active{color:var(`,
    `,var(`,
    `));}`
], _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorActive, _TextFieldtokens.tokens.contentSlotColor);
const StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledContentRightWrapper",
    componentId: "sc-1416c3df-12"
})([
    `display:flex;align-items:center;`
]);
const StyledContentRight = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledContentRight",
    componentId: "sc-1416c3df-13"
})([
    `line-height:0;margin:var(`,
    `);color:var(`,
    `,var(`,
    `));&:hover{color:var(`,
    `,var(`,
    `));cursor:pointer;}&:active{color:var(`,
    `,var(`,
    `));}`
], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
const StyledHelpers = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledHelpers",
    componentId: "sc-1416c3df-14"
})([
    `box-sizing:border-box;display:flex;justify-content:space-between;`
]);
const StyledLeftHelper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledLeftHelper",
    componentId: "sc-1416c3df-15"
})([
    ``
]);
const StyledRightHelper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledRightHelper",
    componentId: "sc-1416c3df-16"
})([
    `margin-left:auto;`
]);
const StyledTextBefore = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledTextBefore",
    componentId: "sc-1416c3df-17"
})([
    `visibility:`,
    `;`
], ({ isHidden })=>isHidden ? 'hidden' : 'visible');
const StyledTextAfter = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledTextAfter",
    componentId: "sc-1416c3df-18"
})([
    ``
]);
const StyledOptionalText = _styledcomponents.default.span.withConfig({
    displayName: "TextField.styles__StyledOptionalText",
    componentId: "sc-1416c3df-19"
})([
    `color:var(`,
    `);`
], _TextFieldtokens.tokens.optionalColor);
const StyledHintWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledHintWrapper",
    componentId: "sc-1416c3df-20"
})([
    `display:inline-block;line-height:0;&.`,
    `{position:absolute;margin:0;inset:var(`,
    `);}`
], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
const HintTargetWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__HintTargetWrapper",
    componentId: "sc-1416c3df-21"
})([
    `color:var(`,
    `);display:flex;justify-content:center;align-items:center;`
], _TextFieldtokens.tokens.hintIconColor);
const Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
    displayName: "TextField.styles__Hint",
    componentId: "sc-1416c3df-22"
})([
    ``,
    ` .`,
    `{width:fit-content;}`
], HintTargetWrapper, _Popover.popoverClasses.root);
const HintIconWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__HintIconWrapper",
    componentId: "sc-1416c3df-23"
})([
    `display:flex;`
]);
const StyledIndicator = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledIndicator",
    componentId: "sc-1416c3df-24"
})([
    `position:absolute;border-radius:50%;background-color:var(`,
    `);&.`,
    `{width:var(`,
    `);height:var(`,
    `);inset:var(`,
    `);&.`,
    `{inset:var(`,
    `);&.`,
    `{right:calc( -1 * var(`,
    `) + var(`,
    `,0px) );}}}&.`,
    `{width:var(`,
    `);height:var(`,
    `);inset:var(`,
    `);&.`,
    `{inset:var(`,
    `);}}`
], _TextFieldtokens.tokens.indicatorColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldtokens.tokens.indicatorSizeOuter, _TextFieldtokens.tokens.indicatorSizeOuter, _TextFieldtokens.tokens.indicatorLabelPlacementOuter, _TextFieldtokens.classes.requiredAlignRight, _TextFieldtokens.tokens.indicatorLabelPlacementOuterRight, _TextFieldtokens.classes.hasHint, _TextFieldtokens.tokens.indicatorSizeOuter, _TextFieldtokens.tokens.indicatorLabelPlacementHintOuterRight, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.indicatorSizeInner, _TextFieldtokens.tokens.indicatorSizeInner, _TextFieldtokens.tokens.indicatorLabelPlacementInner, _TextFieldtokens.classes.requiredAlignRight, _TextFieldtokens.tokens.indicatorLabelPlacementInnerRight);
