"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
    '@global .rst__rowWrapper': {
        padding: '10px 10px 10px 0',
        height: '100%',
        boxSizing: 'border-box'
    },
    '@global .rst__rtl.rst__rowWrapper': {
        padding: '10px 0 10px 10px'
    },
    '@global .rst__row': {
        height: '100%',
        whiteSpace: 'nowrap',
        display: 'flex'
    },
    '@global .rst__row > *': {
        boxSizing: 'border-box'
    },
    /**
     * The outline of where the element will go if dropped, displayed while dragging
     */
    '@global .rst__rowLandingPad, .rst__rowCancelPad': {
        border: 'none !important',
        boxShadow: 'none !important',
        outline: 'none !important'
    },
    '@global .rst__rowLandingPad > *, .rst__rowCancelPad > *': {
        opacity: '0 !important'
    },
    '@global .rst__rowLandingPad::before, .rst__rowCancelPad::before': {
        backgroundColor: 'lightblue',
        border: '3px dashed white',
        content: '',
        position: 'absolute',
        top: 0,
        right: 0,
        bottom: 0,
        left: 0,
        zIndex: -1
    },
    /**
     * Alternate appearance of the landing pad when the dragged location is invalid
     */
    '@global .rst__rowCancelPad::before': {
        backgroundColor: '#e6a8ad'
    },
    /**
     * Nodes matching the search conditions are highlighted
     */
    '@global .rst__rowSearchMatch': {
        outline: 'solid 3px #0080ff'
    },
    /**
     * The node that matches the search conditions and is currently focused
     */
    '@global .rst__rowSearchFocus': {
        outline: 'solid 3px #fc6421'
    },
    '@global .rst__rowContents, .rst__rowLabel, .rst__rowToolbar, .rst__moveHandle, .rst__toolbarButton': {
        display: 'inline-block',
        verticalAlign: 'middle'
    },
    '@global .rst__rowContents': {
        position: 'relative',
        height: '100%',
        border: 'solid #bbb 1px',
        borderLeft: 'none',
        boxShadow: '0 2px 2px -2px',
        padding: '0 5px 0 10px',
        borderRadius: '2px',
        minWidth: '230px',
        flex: '1 0 auto',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'space-between',
        backgroundColor: 'white'
    },
    '@global .rst__rtl.rst__rowContents': {
        borderRight: 'none',
        borderLeft: 'solid #bbb 1px',
        padding: '0 10px 0 5px'
    },
    '@global .rst__rowContentsDragDisabled': {
        borderLeft: 'solid #bbb 1px'
    },
    '@global .rst__rtl.rst__rowContentsDragDisabled': {
        borderRight: 'solid #bbb 1px',
        borderLeft: 'solid #bbb 1px'
    },
    '@global .rst__rowLabel': {
        flex: '0 1 auto',
        paddingRight: '20px'
    },
    '@global .rst__rtl.rst__rowLabel': {
        paddingLeft: '20px',
        paddingRight: 'inherit'
    },
    '@global .rst__rowToolbar': {
        flex: '0 1 auto',
        display: 'flex'
    },
    '@global .rst__moveHandle, .rst__loadingHandle': {
        height: '100%',
        width: '44px',
        background: "#d9d9d9 url('data:image/svg+xml,base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+') no-repeat center",
        border: 'solid #aaa 1px',
        boxShadow: '0 2px 2px -2px',
        cursor: 'move',
        borderRadius: '1px',
        zIndex: 1
    },
    '@global .rst__loadingHandle': {
        cursor: 'default',
        background: '#d9d9d9'
    },
    '@keyframes pointFade': {
        '0%, 19.999%, 100%': {
            opacity: 0
        },
        '20%': {
            opacity: 1
        }
    },
    '@global .rst__loadingCircle': {
        width: '80%',
        height: '80%',
        margin: '10%',
        position: 'relative'
    },
    '@global .rst__loadingCirclePoint': {
        width: '100%',
        height: '100%',
        position: 'absolute',
        left: 0,
        top: 0
    },
    '@global .rst__rtl.rst__loadingCirclePoint': {
        right: 0,
        left: 'initial'
    },
    '@global .rst__loadingCirclePoint::before': {
        content: '',
        display: 'block',
        margin: '0 auto',
        width: '11%',
        height: '30%',
        backgroundColor: '#fff',
        borderRadius: '30%',
        animation: 'pointFade 800ms infinite ease-in-out both'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(1)': {
        transform: 'rotate(0deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(7)': {
        transform: 'rotate(180deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(1)::before, .rst__loadingCirclePoint:nth-of-type(7)::before': {
        animationDelay: '-800ms'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(2)': {
        transform: 'rotate(30deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(8)': {
        transform: 'rotate(210deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(2)::before, .rst__loadingCirclePoint:nth-of-type(8)::before': {
        animationDelay: '-666ms'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(3)': {
        transform: 'rotate(60deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(9)': {
        transform: 'rotate(240deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(3)::before, .rst__loadingCirclePoint:nth-of-type(9)::before': {
        animationDelay: '-533ms'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(4)': {
        transform: 'rotate(90deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(10)': {
        transform: 'rotate(270deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(4)::before, .rst__loadingCirclePoint:nth-of-type(10)::before': {
        animationDelay: '-400ms'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(5)': {
        transform: 'rotate(120deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(11)': {
        transform: 'rotate(300deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(5)::before, .rst__loadingCirclePoint:nth-of-type(11)::before': {
        animationDelay: '-266ms'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(6)': {
        transform: 'rotate(150deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(12)': {
        transform: 'rotate(330deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(6)::before, .rst__loadingCirclePoint:nth-of-type(12)::before': {
        animationDelay: '-133ms'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(13)': {
        transform: 'rotate(360deg)'
    },
    '@global .rst__loadingCirclePoint:nth-of-type(7)::before, .rst__loadingCirclePoint:nth-of-type(13)::before': {
        animationDelay: '0ms'
    },
    '@global .rst__rowTitle': {
        fontWeight: 'bold'
    },
    '@global .rst__rowTitleWithSubtitle': {
        fontSize: '85%',
        display: 'block',
        height: '0.8rem'
    },
    '@global .rst__rowSubtitle': {
        fontSize: '70%',
        lineHeight: 1
    },
    '@global .rst__collapseButton, .rst__expandButton': {
        appearance: 'none',
        border: 'none',
        position: 'absolute',
        borderRadius: '100%',
        boxShadow: '0 0 0 1px #000',
        width: '16px',
        height: '16px',
        padding: 0,
        top: '50%',
        transform: 'translate(-50%, -50%)',
        cursor: 'pointer'
    },
    '@global .rst__rtl.rst__collapseButton, .rst__rtl.rst__expandButton': {
        transform: 'translate(50%, -50%)'
    },
    '@global .rst__collapseButton:focus, .rst__expandButton:focus': {
        outline: 'none',
        boxShadow: '0 0 0 1px #000, 0 0 1px 3px #83bef9'
    },
    '@global .rst__collapseButton:hover:not(:active), .rst__expandButton:hover:not(:active)': {
        backgroundSize: '24px',
        height: '20px',
        width: '20px'
    },
    '@global .rst__collapseButton': {
        background: "#fff url('data:image/svg+xml,base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==') no-repeat center"
    },
    '@global .rst__expandButton': {
        background: "#fff url('data:image/svg+xml,base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+') no-repeat center"
    },
    /**
     * Line for under a node with children
     */
    '@global .rst__lineChildren': {
        height: '100%',
        display: 'inline-block',
        position: 'absolute'
    },
    '@global .rst__lineChildren::after': {
        content: '',
        position: 'absolute',
        backgroundColor: 'black',
        width: '1px',
        left: '50%',
        bottom: 0,
        height: '10px'
    },
    '@global .rst__rtl.rst__lineChildren::after': {
        right: '50%',
        left: 'initial'
    }
}); });
