define(["require", "exports", "tslib", "@fluentui/react/lib/Styling", "@fluentui/react"], function (require, exports, tslib_1, Styling_1, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.getStyles = void 0;
    var isIE11Var = (0, react_1.isIE11)();
    var getStyles = function (props) {
        var _a, _b, _c, _d, _e, _f, _g, _h;
        var className = props.className, theme = props.theme, isRtl = props.isRtl, shouldHighlight = props.shouldHighlight, href = props.href, _j = props.lineColor, lineColor = _j === void 0 ? 'transparent' : _j, toDrawShape = props.toDrawShape, enableReflow = props.enableReflow;
        var fonts = theme.fonts;
        return {
            root: [
                theme.fonts.medium,
                {
                    display: 'flex',
                    width: '100%',
                    height: '100%',
                    flexDirection: 'column',
                    overflow: 'hidden',
                },
                className,
            ],
            chartWrapper: tslib_1.__assign({}, (enableReflow ? { overflow: 'auto' } : {})),
            axisTitle: [
                theme.fonts.xSmall,
                {
                    textAlign: 'center',
                    fontWeight: Styling_1.FontWeights.semibold,
                    fontStyle: 'normal',
                    lineHeight: Styling_1.FontSizes.medium,
                    color: react_1.NeutralColors.gray160,
                    fill: theme.semanticColors.bodyText,
                },
            ],
            xAxis: {
                selectors: {
                    text: [
                        theme.fonts.tiny,
                        {
                            fill: theme.semanticColors.bodyText,
                            fontWeight: '600',
                            selectors: (_a = {},
                                _a[Styling_1.HighContrastSelectorBlack] = {
                                    fill: 'rgb(179, 179, 179)',
                                },
                                _a),
                        },
                    ],
                    line: {
                        opacity: 0.2,
                        stroke: theme.semanticColors.bodyText,
                        width: '1px',
                        selectors: (_b = {},
                            _b[Styling_1.HighContrastSelectorBlack] = {
                                opacity: 0.1,
                                stroke: 'rgb(179, 179, 179)',
                            },
                            _b),
                    },
                    path: {
                        display: 'none',
                    },
                },
            },
            yAxis: {
                selectors: {
                    text: [
                        theme.fonts.tiny,
                        {
                            fill: theme.semanticColors.bodyText,
                            fontWeight: '600',
                            selectors: (_c = {},
                                _c[Styling_1.HighContrastSelectorBlack] = {
                                    fill: 'rgb(179, 179, 179)',
                                },
                                _c),
                        },
                    ],
                    path: {
                        display: 'none',
                    },
                    line: {
                        opacity: 0.2,
                        stroke: theme.semanticColors.bodyText,
                        selectors: (_d = {},
                            _d[Styling_1.HighContrastSelectorBlack] = {
                                opacity: 0.1,
                                stroke: 'rgb(179, 179, 179)',
                            },
                            _d),
                    },
                    g: [
                        isRtl &&
                            !isIE11Var && {
                            textAnchor: 'end',
                        },
                    ],
                },
            },
            opacityChangeOnHover: {
                opacity: shouldHighlight ? '' : '0.1',
                cursor: href ? 'pointer' : 'default',
            },
            legendContainer: [
                {
                    marginTop: '8px',
                    marginLeft: '20px',
                },
            ],
            calloutContentRoot: [
                {
                    display: 'grid',
                    overflow: 'hidden',
                    padding: '11px 16px 10px 16px',
                    backgroundColor: theme.semanticColors.bodyBackground,
                    backgroundBlendMode: 'normal, luminosity',
                },
            ],
            calloutDateTimeContainer: {
                display: 'flex',
                flexDirection: 'row',
                justifyContent: 'space-between',
            },
            calloutContentX: [
                tslib_1.__assign(tslib_1.__assign({}, fonts.small), { lineHeight: '16px', opacity: '0.85', color: theme.semanticColors.bodySubtext }),
            ],
            calloutBlockContainer: [
                theme.fonts.mediumPlus,
                {
                    marginTop: '13px',
                    color: theme.semanticColors.bodyText,
                },
                !toDrawShape && {
                    selectors: (_e = {},
                        _e[Styling_1.HighContrastSelector] = {
                            forcedColorAdjust: 'none',
                        },
                        _e),
                    borderLeft: "4px solid ".concat(lineColor),
                    paddingLeft: '8px',
                },
                toDrawShape && {
                    display: 'flex',
                },
            ],
            shapeStyles: {
                marginRight: '8px',
            },
            calloutlegendText: tslib_1.__assign(tslib_1.__assign({}, fonts.small), { lineHeight: '16px', selectors: (_f = {},
                    _f[Styling_1.HighContrastSelectorBlack] = {
                        color: 'rgb(255, 255, 255)',
                    },
                    _f), color: theme.semanticColors.bodySubtext }),
            calloutContentY: [
                tslib_1.__assign(tslib_1.__assign({}, fonts.mediumPlus), { fontWeight: 'bold', lineHeight: '22px', selectors: (_g = {},
                        _g[Styling_1.HighContrastSelectorBlack] = {
                            color: 'rgb(255, 255, 255)',
                        },
                        _g) }),
            ],
            descriptionMessage: [
                theme.fonts.small,
                {
                    selectors: (_h = {},
                        _h[Styling_1.HighContrastSelectorBlack] = {
                            color: 'rgb(255, 255, 255)',
                        },
                        _h),
                    color: theme.semanticColors.bodyText,
                    marginTop: '10px',
                    paddingTop: '10px',
                    borderTop: "1px solid ".concat(theme.semanticColors.menuDivider),
                },
            ],
        };
    };
    exports.getStyles = getStyles;
});
//# sourceMappingURL=CartesianChart.styles.js.map