"use strict";

Object.defineProperty(exports, "__esModule", {
    value: !0
}), exports.importStyle = void 0;

const env_1 = require("../tools/env");

function importStyle() {
    if ("node" === env_1.Env.mode) return;
    const styleElement = document.createElement("style");
    styleElement.id = "vtable-sheet-sheet-tab-styleSheet", styleElement.textContent = "\n/* Sheet标签栏样式 */\n.vtable-sheet-tab-bar {\n  height: 32px;\n  padding: 0;\n  border-top: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  background-color: #f8f8f8;\n  position: relative;\n  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);\n  z-index: 10;\n  width: 100%;\n}\n/* sheet列表样式 */\n.vtable-sheet-menu-list {\n  position: absolute;\n  right: 0;\n  top: -175px;\n  height: 174px;\n  min-width: 140px;\n  background-color: #f8f8f8;\n  border: 1px solid #e0e0e0;\n  box-sizing: content-box;\n  border-radius: 4px;\n  display: none;\n  margin: 0;\n  padding: 0 2px 0 2px;\n  box-sizing: border-box;\n  list-style: none;\n  overflow-y: auto;\n}\n.vtable-sheet-menu-list::-webkit-scrollbar {\n  width: 4px;\n  margin: 0;\n}\n.vtable-sheet-menu-list::-webkit-scrollbar-thumb {\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n.vtable-sheet-menu-list::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.vtable-sheet-menu-list.active {\n  display: block;\n}\n/* sheet列表项样式 */\n.vtable-sheet-menu-item {\n  display: flex;\n  align-items: center;\n  /* justify-content: space-between; */\n  cursor: pointer;\n  text-align: center;\n  border-radius: 4px;\n  height: 32px;\n  line-height: 32px;\n  margin: 2px 0;\n  padding: 0 8px;\n  background-color: #f8f8f840;\n  max-width: 150px;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n}\n\n.vtable-sheet-menu-item:hover {\n  background-color: #e0e0e0;\n}\n.vtable-sheet-menu-item.active {\n  color: #1a73e8;\n}\n\n.vtable-sheet-menu-item-title {\n  flex: 40px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Sheet标签容器 */\n.vtable-sheet-tabs-container {\n  display: flex;\n  flex: 1;\n  flex-wrap: nowrap;\n  /* 超出容器宽度时显示横向滚动条 */\n  overflow-x: auto;\n  overflow-y: visible; /* 允许Y方向溢出，确保三角标志显示 */\n  height: 100%;\n  /* 隐藏滚动条样式（可选，如需自定义滚动条可保留原生或用伪元素美化） */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n/* 隐藏滚动条但保留功能 */\n.vtable-sheet-tabs-container::-webkit-scrollbar {\n  display: none;\n}\n\n/* 单个sheet标签 */\n.vtable-sheet-tab {\n  width: auto;\n  /* 禁止标签压缩，保持内容撑开的宽度 */\n  flex-shrink: 0;\n  padding: 4px 12px;\n  line-height: 24px;\n  text-align: center;\n  cursor: grab;\n  border-right: 1px solid #e0e0e0;\n  white-space: nowrap;\n  color: #333;\n  transition: background 0.1s;\n  user-select: none;\n}\n\n.vtable-sheet-tab:hover {\n  background-color: #f5f5f5;\n}\n\n.vtable-sheet-tab.active {\n  color: #1a73e8;\n  background-color: #fff;\n  border-top: 2px solid #1a73e8;\n  z-index: 2;\n}\n/* 编辑状态样式 */\n.vtable-sheet-tab[contenteditable='true'] {\n  outline: inherit !important; /* 移除聚焦时的轮廓线 */\n  border-right: 1px solid #e0e0e0;\n  cursor: text;\n  color: #333;\n}\n.vtable-sheet-tab[contenteditable='true']::selection {\n  background-color: #2563eb33; /* 浅蓝色半透明背景（示例） */\n}\n\n/* 兼容 Firefox */\n.vtable-sheet-tab[contenteditable='true']::-moz-selection {\n  background-color: #2563eb33;\n}\n\n/* 拖拽中的tab样式 */\n.vtable-sheet-tab.dragging {\n  opacity: 0.7;\n  transform: scale(1.02);\n  background-color: #f0f5ff;\n  cursor: grabbing !important;\n  z-index: 100;\n  position: relative;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n/* 拖拽预览样式 */\n.vtable-sheet-drag-preview {\n  position: fixed;\n  z-index: 10000;\n  padding: 4px 12px;\n  background: rgba(255, 255, 255, 0.95);\n  border: 1px solid #1890ff;\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  opacity: 0.9;\n  pointer-events: none;\n  white-space: nowrap;\n  font-size: 12px;\n  line-height: 20px;\n  color: #333;\n  user-select: none;\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* 插入位置指示器 */\n.vtable-sheet-insert-indicator {\n  position: absolute;\n  top: -4px;\n  left: -5px;\n  width: 0;\n  height: 0;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 6px solid black;\n  z-index: inherit;\n}\n\n/* 添加sheet按钮 */\n.vtable-sheet-add-button {\n  margin: 0 8px;\n  padding: 0;\n  background: #f8f8f8;\n  border: none;\n  cursor: pointer;\n  font-size: 18px;\n  transition: all 0.2s;\n  height: 24px;\n  width: 24px;\n  color: #666;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.vtable-sheet-add-button:hover {\n  color: #1a73e8;\n  background-color: #e8f0fe;\n}\n\n/* Sheet导航按钮容器 */\n.vtable-sheet-nav-buttons {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  padding: 0 4px;\n  background-color: #f8f8f8;\n  flex-shrink: 0;\n}\n\n/* Sheet滚动控制按钮 */\n.vtable-sheet-scroll-button {\n  width: 24px;\n  height: 24px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  font-size: 12px;\n  margin: 0 2px;\n  padding: 0;\n  border-radius: 50%;\n}\n\n.vtable-sheet-scroll-button:hover {\n  color: #1a73e8;\n  background-color: #e8f0fe;\n}\n\n/* 渐变阴影，提示可以滚动 */\n.vtable-sheet-fade-left,\n.vtable-sheet-fade-right {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 20px;\n  pointer-events: none;\n  z-index: 3;\n}\n\n.vtable-sheet-fade-left {\n  left: 0;\n  background: linear-gradient(to right, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));\n}\n\n.vtable-sheet-fade-right {\n  right: 0;\n  background: linear-gradient(to left, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));\n}\n\n/* Sheet菜单按钮 */\n.vtable-sheet-menu-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  margin: 0 4px;\n  color: #666;\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.vtable-sheet-menu-button:hover {\n  color: #1a73e8;\n  background-color: #e8f0fe;\n}\n\n/* 底部功能区 */\n.vtable-sheet-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 8px;\n  height: var(--toolbar-height);\n  border-top: 1px solid var(--border-color);\n  background-color: var(--light-gray);\n}\n\n/* 底部左侧按钮组 */\n.vtable-sheet-footer-left {\n  display: flex;\n  align-items: center;\n}\n\n/* 底部右侧按钮组 */\n.vtable-sheet-footer-right {\n  display: flex;\n  align-items: center;\n}\n\n/* 删除工作表按钮 */\n.vtable-sheet-menu-delete-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  height: 24px;\n  line-height: 24px;\n  color: #666;\n  cursor: pointer;\n  border: none;\n  border-radius: 4px;\n  user-select: none;\n}\n.vtable-sheet-menu-delete-button:hover {\n  color: #000000;\n  background-color: #eaeaea;\n}\n", 
    document.head.appendChild(styleElement);
}

exports.importStyle = importStyle;
//# sourceMappingURL=sheet-tab.js.map