"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.d = function(exports1, definition) {
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = function(obj, prop) {
        return Object.prototype.hasOwnProperty.call(obj, prop);
    };
})();
(()=>{
    __webpack_require__.r = function(exports1) {
        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    getStyles: ()=>getStyles,
    useStyles: ()=>useStyles
});
const external_antd_style_namespaceObject = require("antd-style");
const index_js_namespaceObject = require("../__builtins__/index.js");
function _tagged_template_literal(strings, raw) {
    if (!raw) raw = strings.slice(0);
    return Object.freeze(Object.defineProperties(strings, {
        raw: {
            value: Object.freeze(raw)
        }
    }));
}
function _templateObject() {
    const data = _tagged_template_literal([
        "\n      .ant-modal-content {\n        position: relative;\n        overflow: hidden;\n        border-radius: 16px;\n        &::before,\n        &::after {\n          content: '';\n          position: absolute;\n          width: 300px;\n          height: 300px;\n          background: radial-gradient(circle, rgba(0, 149, 255, 0.11) 0%, transparent 70%);\n          z-index: 0;\n          pointer-events: none;\n        }\n\n        &::before {\n          top: -165px;\n          left: -10px;\n        }\n\n        &::after {\n          bottom: -160px;\n          right: -150px;\n        }\n        .ant-modal-header {\n          text-align: center;\n          margin-bottom: 20px;\n          margin-top: 15px;\n          .ant-modal-title {\n            font-size: x-large;\n            font-weight: 400;\n          }\n        }\n        .ant-modal-body {\n          justify-items: center;\n        }\n      }\n    "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
function _templateObject1() {
    const data = _tagged_template_literal([
        "\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      margin-top: 20px;\n      margin-bottom: 40px;\n      position: relative;\n      gap: 20%;\n      padding-left: 10%;\n      padding-right: 10%;\n      .tb-header-modal-list {\n        width: 50%;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        border: 1px solid transparent;\n        border-color: rgba(203, 227, 254, 0.62);\n        box-shadow: none;\n        border-radius: 12px;\n        padding: 16px;\n        transition:\n          box-shadow 0.2s ease,\n          transform 0.2s ease;\n        z-index: 1;\n        position: relative;\n        &:hover {\n          border-color: rgba(0, 120, 255, 0.3);\n          box-shadow: 0 4px 16px rgba(0, 120, 255, 0.15);\n        }\n        &:active {\n          box-shadow: none;\n          transform: translateY(2px);\n        }\n        .anticon {\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          svg {\n            width: 30px;\n            height: 30px;\n          }\n        }\n        .tb-header-modal-list-text {\n          text-align: center;\n        }\n      }\n    "
    ]);
    _templateObject1 = function() {
        return data;
    };
    return data;
}
function _templateObject2() {
    const data = _tagged_template_literal([
        "\n      display: flex;\n      justify-content: center;\n      .ant-modal-content {\n        width: 280px;\n        height: 360px;\n      }\n    "
    ]);
    _templateObject2 = function() {
        return data;
    };
    return data;
}
const getStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=>{
    const { componentCls } = token;
    return {
        [componentCls]: {
            position: 'relative',
            zIndex: 20,
            flex: 1,
            display: 'flex',
            flexDirection: 'column',
            height: 'calc(100vh - var(--tb-header-height))',
            overflow: 'hidden',
            '&:hover': {
                '> .general-schema-designer': {
                    display: 'block'
                }
            },
            '.ant-page-header': {
                zIndex: 1,
                position: 'relative'
            },
            '> .general-schema-designer': {
                position: 'absolute',
                zIndex: 999,
                top: '0',
                bottom: '0',
                left: '0',
                right: '0',
                display: 'none',
                border: '0',
                pointerEvents: 'none',
                '> .general-schema-designer-icons': {
                    zIndex: 9999,
                    position: 'absolute',
                    right: '2px',
                    top: '2px',
                    lineHeight: '16px',
                    pointerEvents: 'all',
                    '.ant-space-item': {
                        backgroundColor: 'var(--colorSettings)',
                        color: '#fff',
                        lineHeight: '16px',
                        width: '16px',
                        paddingLeft: '1px'
                    }
                }
            },
            '.tb-page-header-wrapper': {
                zIndex: 10,
                '.ant-page-header-heading': {
                    justifyContent: 'start',
                    '.ant-btn': {
                        border: 'none',
                        boxShadow: 'none'
                    }
                }
            },
            '.pageHeaderCss': {
                backgroundColor: token.colorBgContainer,
                paddingInline: token.paddingLG,
                '&.ant-page-header-has-footer': {
                    paddingTop: token.paddingSM,
                    paddingBottom: '0',
                    '.ant-page-header-heading-left': {},
                    '.ant-page-header-footer': {
                        marginBlockStart: '0'
                    }
                },
                '.ant-tabs-nav': {
                    marginBottom: '0'
                },
                '.ant-page-header-heading-title': {
                    color: token.colorText
                }
            },
            '.height0': {
                fontSize: 0,
                height: 0
            },
            '.designerCss': {
                position: 'relative',
                '&:hover': {
                    '> .general-schema-designer': {
                        display: 'block'
                    }
                },
                '&.tb-action-link': {
                    '> .general-schema-designer': {
                        top: '-10px',
                        bottom: '-10px',
                        left: '-10px',
                        right: '-10px'
                    }
                },
                '> .general-schema-designer': {
                    position: 'absolute',
                    zIndex: 999,
                    top: '0',
                    bottom: '0',
                    left: '0',
                    right: '0',
                    display: 'none',
                    background: 'var(--colorBgSettingsHover)',
                    border: '0',
                    pointerEvents: 'none',
                    '> .general-schema-designer-icons': {
                        position: 'absolute',
                        right: '2px',
                        top: '2px',
                        lineHeight: '16px',
                        pointerEvents: 'all',
                        '.ant-space-item': {
                            backgroundColor: 'var(--colorSettings)',
                            color: '#fff',
                            lineHeight: '16px',
                            width: '16px',
                            paddingLeft: '1px'
                        }
                    }
                }
            },
            '.pageWithFixedBlockCss': {
                height: '100%',
                '> .tb-grid:not(:last-child)': {
                    '> .tb-schema-initializer-button': {
                        display: 'none'
                    }
                }
            },
            '.tb-page-wrapper': {
                flex: 1,
                padding: token.paddingMD,
                paddingBottom: 0,
                overflowX: 'hidden',
                overflowY: 'scroll'
            },
            '.tb-page-header-button': {
                flex: 1,
                paddingTop: token.paddingMD,
                paddingLeft: token.paddingMD,
                border: 'none'
            }
        }
    };
});
const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
    let { css, token } = param;
    return {
        firstmodal: css(_templateObject()),
        secondmodal: css(_templateObject1()),
        imageModal: css(_templateObject2())
    };
});
var __webpack_export_target__ = exports;
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
    value: true
});
