"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 LeftHelper () {
        return LeftHelper;
    },
    get OuterLabelWrapper () {
        return OuterLabelWrapper;
    },
    get StyledChips () {
        return StyledChips;
    },
    get StyledContentLeft () {
        return StyledContentLeft;
    },
    get StyledContentRight () {
        return StyledContentRight;
    },
    get StyledContentRightWrapper () {
        return StyledContentRightWrapper;
    },
    get StyledHintWrapper () {
        return StyledHintWrapper;
    },
    get StyledIndicator () {
        return StyledIndicator;
    },
    get StyledIndicatorWrapper () {
        return StyledIndicatorWrapper;
    },
    get StyledOptionalText () {
        return StyledOptionalText;
    },
    get StyledTextAfter () {
        return StyledTextAfter;
    },
    get StyledTextBefore () {
        return StyledTextBefore;
    },
    get TitleCaption () {
        return TitleCaption;
    }
});
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _mixins = require("../../mixins");
var _engines = require("../../engines");
var _Tooltip = require("../Tooltip");
var _Popover = require("../Popover");
var _TextFieldtokens = require("./TextField.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
var Tooltip = (0, _engines.component)(mergedConfig);
var InputWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputWrapper",
    componentId: "sc-57c16343-0"
})([
    "position:relative;display:flex;align-items:center;box-sizing:border-box;&:after{content:'';position:absolute;z-index:-2;inset:0;}"
]);
var InputLabelWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputLabelWrapper",
    componentId: "sc-57c16343-1"
})([
    "flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
    "{height:var(",
    ");border-radius:var(",
    ");}"
], String(_TextFieldtokens.classes.hasChips), _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
var StyledChips = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledChips",
    componentId: "sc-57c16343-2"
})([
    "display:flex;gap:var(",
    ");margin-right:var(",
    ",var(",
    "));user-select:none;"
], _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
var Input = _styledcomponents.default.input.withConfig({
    displayName: "TextField.styles__Input",
    componentId: "sc-57c16343-3"
})([
    "box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
    "{",
    "}&::placeholder{opacity:0;}"
], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
var InputContainer = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputContainer",
    componentId: "sc-57c16343-4"
})([
    "position:relative;display:flex;flex:1;min-width:",
    ";",
    "{max-width:",
    ";}"
], function(param) {
    var hasDynamicWidth = param.hasDynamicWidth;
    return hasDynamicWidth ? 'auto' : '60%';
}, Input, function(param) {
    var hasDynamicWidth = param.hasDynamicWidth;
    return hasDynamicWidth ? '100%' : 'none';
});
var InputPlaceholder = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputPlaceholder",
    componentId: "sc-57c16343-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, function(param) {
    var hasPadding = param.hasPadding;
    return hasPadding ? "var(".concat(_TextFieldtokens.tokens.contentLabelInnerPadding, ")") : '0';
});
var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__InputPlaceholderValue",
    componentId: "sc-57c16343-6"
})([
    "&.",
    "{",
    "}"
], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__OuterLabelWrapper",
    componentId: "sc-57c16343-7"
})([
    "display:flex;align-items:center;margin-bottom:",
    ";padding:",
    ";white-space:",
    ";"
], function(param) {
    var isInnerLabel = param.isInnerLabel;
    return isInnerLabel ? "var(".concat(_TextFieldtokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextFieldtokens.tokens.labelOffset, ")");
}, function(param) {
    var isInnerLabel = param.isInnerLabel;
    return isInnerLabel ? 0 : "var(".concat(_TextFieldtokens.tokens.labelPadding, ", 0)");
}, function(param) {
    var isInnerLabel = param.isInnerLabel;
    return isInnerLabel ? 'nowrap' : 'normal';
});
var TitleCaption = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__TitleCaption",
    componentId: "sc-57c16343-8"
})([
    "display:inline-block;margin-left:auto;"
]);
var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledIndicatorWrapper",
    componentId: "sc-57c16343-9"
})([
    "position:relative;display:inline-flex;align-items:center;"
]);
var Label = _styledcomponents.default.label.withConfig({
    displayName: "TextField.styles__Label",
    componentId: "sc-57c16343-10"
})([
    "display:inline-flex;"
]);
var StyledContentLeft = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledContentLeft",
    componentId: "sc-57c16343-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);
var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledContentRightWrapper",
    componentId: "sc-57c16343-12"
})([
    "display:flex;align-items:center;"
]);
var StyledContentRight = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledContentRight",
    componentId: "sc-57c16343-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);
var LeftHelper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__LeftHelper",
    componentId: "sc-57c16343-14"
})([
    "color:var(",
    ");&.",
    "{color:var(",
    ",var(",
    "));}"
], _TextFieldtokens.tokens.leftHelperColor, _TextFieldtokens.classes.hasFocus, _TextFieldtokens.tokens.leftHelperColorFocus, _TextFieldtokens.tokens.leftHelperColor);
var StyledTextBefore = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledTextBefore",
    componentId: "sc-57c16343-15"
})([
    "visibility:",
    ";"
], function(param) {
    var isHidden = param.isHidden;
    return isHidden ? 'hidden' : 'visible';
});
var StyledTextAfter = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledTextAfter",
    componentId: "sc-57c16343-16"
})([
    ""
]);
var StyledOptionalText = _styledcomponents.default.span.withConfig({
    displayName: "TextField.styles__StyledOptionalText",
    componentId: "sc-57c16343-17"
})([
    "color:var(",
    ");"
], _TextFieldtokens.tokens.optionalColor);
var StyledHintWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledHintWrapper",
    componentId: "sc-57c16343-18"
})([
    "display:inline-block;line-height:0;&.",
    "{position:absolute;margin:0;inset:var(",
    ");}"
], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
var HintTargetWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__HintTargetWrapper",
    componentId: "sc-57c16343-19"
})([
    "color:var(",
    ");display:flex;justify-content:center;align-items:center;"
], _TextFieldtokens.tokens.hintIconColor);
var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
    displayName: "TextField.styles__Hint",
    componentId: "sc-57c16343-20"
})([
    "",
    " .",
    "{width:fit-content;}"
], HintTargetWrapper, _Popover.popoverClasses.root);
var HintIconWrapper = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__HintIconWrapper",
    componentId: "sc-57c16343-21"
})([
    "display:flex;"
]);
var StyledIndicator = _styledcomponents.default.div.withConfig({
    displayName: "TextField.styles__StyledIndicator",
    componentId: "sc-57c16343-22"
})([
    "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);
