"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 Action () {
        return Action;
    },
    get Code () {
        return Code;
    },
    get Content () {
        return Content;
    },
    get Field () {
        return Field;
    },
    get Header () {
        return Header;
    },
    get Outer () {
        return Outer;
    },
    get Overlay () {
        return Overlay;
    },
    get base () {
        return base;
    },
    get syntaxTheme () {
        return syntaxTheme;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _mixins = require("../../mixins");
const _CodeAreatokens = require("./CodeArea.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;height:100%;gap:var(", _CodeAreatokens.tokens.wrapperGap, ");padding:var(", _CodeAreatokens.tokens.wrapperPadding, ");border-radius:var(", _CodeAreatokens.tokens.wrapperBorderRadius, ");background:var(", _CodeAreatokens.tokens.wrapperBackgroundColor, ");color:var(", _CodeAreatokens.tokens.codeColor, ");", "base");
const syntaxTheme = {
    'code[class*="language-"]': {
        color: `var(${_CodeAreatokens.tokens.codeColor})`,
        fontFamily: `var(${_CodeAreatokens.tokens.fontFamily})`,
        fontSize: `var(${_CodeAreatokens.tokens.fontSize})`,
        fontStyle: `var(${_CodeAreatokens.tokens.fontStyle})`,
        fontWeight: `var(${_CodeAreatokens.tokens.fontWeight})`,
        letterSpacing: `var(${_CodeAreatokens.tokens.letterSpacing})`,
        lineHeight: `var(${_CodeAreatokens.tokens.lineHeight})`,
        textShadow: 'none',
        whiteSpace: 'pre-wrap',
        wordBreak: 'break-word'
    },
    'pre[class*="language-"]': {
        color: `var(${_CodeAreatokens.tokens.codeColor})`,
        fontFamily: `var(${_CodeAreatokens.tokens.fontFamily})`,
        fontSize: `var(${_CodeAreatokens.tokens.fontSize})`,
        fontStyle: `var(${_CodeAreatokens.tokens.fontStyle})`,
        fontWeight: `var(${_CodeAreatokens.tokens.fontWeight})`,
        letterSpacing: `var(${_CodeAreatokens.tokens.letterSpacing})`,
        lineHeight: `var(${_CodeAreatokens.tokens.lineHeight})`,
        textShadow: 'none',
        background: 'transparent',
        margin: 0,
        padding: 0,
        overflow: 'visible'
    },
    punctuation: {
        color: `var(${_CodeAreatokens.tokens.lineNumberColor})`
    },
    operator: {
        color: `var(${_CodeAreatokens.tokens.syntaxOrange})`,
        background: 'transparent'
    },
    atrule: {
        color: `var(${_CodeAreatokens.tokens.syntaxSkyBlue})`
    },
    keyword: {
        color: `var(${_CodeAreatokens.tokens.syntaxSkyBlue})`
    },
    boolean: {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    number: {
        color: `var(${_CodeAreatokens.tokens.syntaxOrange})`
    },
    constant: {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    string: {
        color: `var(${_CodeAreatokens.tokens.syntaxSpring})`
    },
    char: {
        color: `var(${_CodeAreatokens.tokens.syntaxSpring})`
    },
    property: {
        color: `var(${_CodeAreatokens.tokens.syntaxPink})`
    },
    tag: {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    symbol: {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    deleted: {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    selector: {
        color: `var(${_CodeAreatokens.tokens.syntaxYellow})`
    },
    function: {
        color: `var(${_CodeAreatokens.tokens.syntaxYellow})`
    },
    inserted: {
        color: `var(${_CodeAreatokens.tokens.syntaxSpring})`
    },
    comment: {
        color: `var(${_CodeAreatokens.tokens.lineNumberColor})`
    },
    'class-name': {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    builtin: {
        color: `var(${_CodeAreatokens.tokens.syntaxRed})`
    },
    variable: {
        color: `var(${_CodeAreatokens.tokens.syntaxPink})`
    }
};
const Field = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso0",
    label: "Field"
})("display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;border-radius:var(", _CodeAreatokens.tokens.overlayBorderRadius, ");background:var(", _CodeAreatokens.tokens.fieldBackgroundColor, ");");
const Overlay = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso1",
    label: "Overlay"
})("display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;padding:var(", _CodeAreatokens.tokens.overlayPadding, ");");
const Outer = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso2",
    label: "Outer"
})("flex-shrink:0;");
const Header = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso3",
    label: "Header"
})("flex-shrink:0;margin-bottom:var(", _CodeAreatokens.tokens.headerMarginBottom, ");&.", _CodeAreatokens.classes.contentHeaderDivider, "{border-bottom:0.0625rem solid var(", _CodeAreatokens.tokens.dividerColor, ");}");
const Action = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso4",
    label: "Action"
})("position:absolute;top:0;right:0;");
const Content = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso5",
    label: "Content"
})("position:relative;display:flex;flex:1 1 auto;gap:var(", _CodeAreatokens.tokens.contentGap, ");align-items:stretch;width:100%;min-width:0;min-height:0;box-sizing:border-box;");
const Code = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "ey02aso6",
    label: "Code"
})("flex:1 1 auto;min-width:0;min-height:0;box-sizing:border-box;overflow:auto;padding:0.0625rem 0;margin-right:var(", _CodeAreatokens.tokens.codeMarginRight, ");padding-right:var(", _CodeAreatokens.tokens.codePaddingRight, ");pre,code{tab-size:4;}.linenumber{display:flex !important;align-self:stretch;align-items:flex-start;justify-content:flex-end;min-width:var(", _CodeAreatokens.tokens.lineNumberMinWidth, ",1ch) !important;padding-right:var(", _CodeAreatokens.tokens.numerationPaddingRight, ") !important;box-sizing:content-box;color:var(", _CodeAreatokens.tokens.lineNumberColor, ") !important;border-right:0.0625rem solid var(", _CodeAreatokens.tokens.dividerColor, ");text-align:right !important;user-select:none;}.", _CodeAreatokens.classes.line, "{display:grid !important;grid-template-columns:max-content minmax(0,1fr);column-gap:var(", _CodeAreatokens.tokens.lineNumberGap, ",0.5rem);align-items:stretch;}.", _CodeAreatokens.classes.lineWithoutNumber, "{grid-template-columns:minmax(0,1fr);}.", _CodeAreatokens.classes.lineContent, "{display:block;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;}", (0, _mixins.addScrollbar)({
    scrollWidth: `var(${_CodeAreatokens.tokens.scrollWidth})`,
    trackColor: `var(${_CodeAreatokens.tokens.scrollTrackColor})`,
    thumbColor: `var(${_CodeAreatokens.tokens.scrollThumbColor})`
}));
