var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
export var globalClasses = prefix('scroll-container')({
    scrollbarX: 'scrollbar-x',
    scrollbarY: 'scrollbar-y',
    scrollbarContainerX: 'scrollbar-container-x',
    scrollbarContainerY: 'scrollbar-container-y',
    inner: 'inner',
});
export var getStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        root: function () {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "], ["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
        },
        inner: function () {
            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "], ["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
        },
        scrollBar: function (t) {
            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "], ["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
        },
        visibleScrollBar: function () {
            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "], ["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
        },
        scrollBarInvert: function (t) {
            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: #ccc;\n      background: ", ";\n    "], ["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
        },
        scrollBarContainerY: function () {
            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "], ["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
        },
        scrollBarY: function (t) {
            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      right: 0;\n      width: ", ";\n    "], ["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
        },
        scrollBarYHover: function (t) {
            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
        },
        scrollBarContainerX: function (t) {
            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "], ["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
        },
        scrollBarX: function (t) {
            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      bottom: 0;\n      height: ", ";\n    "], ["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
        },
        scrollBarXHover: function (t) {
            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      height: ", ";\n    "], ["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
        },
    });
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
//# sourceMappingURL=ScrollContainer.styles.js.map